/*
Theme Name: Cloudrylx
Theme URI: https://cloudrylx.com/
Author: Cloudrylx
Description: Original single-page responsive IT consulting and staffing theme for Cloudrylx.
Version: 1.0.0
Requires at least: 6.0
Text Domain: cloudrylx
*/
:root{--navy:#07111f;--navy2:#0a1a2d;--blue:#5c94ff;--mint:#69f1d5;--ink:#101b30;--muted:#617087;--line:#e4e9f0;--light:#f5f8fc;--font:'DM Sans',Arial,sans-serif;--display:'Manrope','DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;font-family:var(--font);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}p{line-height:1.8}h1,h2,h3{font-family:var(--display);letter-spacing:-.04em;margin:0}h2{font-size:clamp(34px,4.2vw,58px);line-height:1.19;font-weight:800}h2 em{color:#397dba;font-style:normal}section{overflow:hidden}.container{width:min(1180px,calc(100% - 68px));margin:auto}.skip{position:absolute;left:-9999px;top:5px;z-index:50;background:white;padding:12px}.skip:focus{left:15px}.site-header{position:absolute;top:0;left:0;right:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.11)}.nav-wrap{height:85px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center}.brand img{width:191px}.nav{display:flex;align-items:center;gap:29px}.nav>a{font-size:12px;color:#d8e1f0;font-weight:700;transition:color .2s}.nav>a:hover{color:var(--mint)}.nav .nav-cta{background:var(--mint);color:#081c27;padding:14px 18px;border-radius:5px}.nav .nav-cta:hover{color:#07111f;background:#a2ffe9}.nav-cta span{margin-left:12px}.nav-toggle{display:none}.hero{background:radial-gradient(circle at 73% 39%,#153b58 0%,transparent 37%),linear-gradient(116deg,#07111f 0%,#0b1c31 100%);min-height:735px;position:relative;color:white}.hero-grid{position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(100,170,235,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(100,170,235,.1) 1px,transparent 1px);background-size:75px 75px;mask-image:linear-gradient(90deg,transparent 18%,black 100%)}.hero-glow{position:absolute;width:430px;height:430px;right:8%;top:17%;background:#3d8dce;filter:blur(140px);opacity:.17}.hero-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:684px;padding-top:92px;position:relative}.hero-copy{padding:25px 0 40px;z-index:2}.eyebrow,.section-label{font-weight:800;font-size:11px;letter-spacing:.18em;color:#5086b8;display:flex;align-items:center;gap:12px}.eyebrow{color:#9ddbd6}.eyebrow-dot{width:7px;height:7px;background:#6ce9d2;border-radius:50%;box-shadow:0 0 0 5px rgba(108,233,210,.12)}.hero h1{font-size:clamp(49px,5.1vw,77px);font-weight:800;line-height:1.16;letter-spacing:-.055em;margin:28px 0 25px}.hero h1 span{background:linear-gradient(100deg,#79eedc,#5a9efe);background-clip:text;color:transparent}.hero-copy>p{color:#b9c8dc;max-width:560px;font-size:16px;line-height:1.85}.hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 20px;border-radius:5px;font-size:12px;font-weight:800;letter-spacing:.01em;transition:transform .2s,background .2s;border:1px solid transparent}.button:hover{transform:translateY(-2px)}.button span{font-size:18px}.button-primary{background:#6debd8;color:#082032}.button-primary:hover{background:#a1ffe8}.button-outline{border-color:#526780;color:white}.button-outline:hover{background:#1e3851}.hero-foot{display:flex;align-items:center;gap:15px;margin-top:65px;color:#809bb1;letter-spacing:.17em;font-size:10px;font-weight:800}.hero-foot .line{height:1px;width:35px;background:#79ead5}.hero-art{position:relative;width:100%;height:540px;display:grid;place-items:center}.art-glow{position:absolute;width:270px;height:270px;background:#50a6cb;filter:blur(80px);opacity:.2}.orbit{position:absolute;border:1px solid rgba(123,206,225,.2);border-radius:50%;transform:rotate(-22deg)}.orbit-1{width:300px;height:300px}.orbit-2{width:425px;height:425px}.orbit-3{width:525px;height:525px;opacity:.6}.orbit::before{content:'';position:absolute;inset:-1px;border-radius:50%;border-top:1px solid rgba(110,247,214,.65);border-right:1px solid transparent;transform:rotate(45deg)}.orbit-node{position:absolute;border:3px solid #102b42;border-radius:50%;background:#85f4df;box-shadow:0 0 22px #67e9d883;width:14px;height:14px;z-index:2}.node-1{left:15%;top:32%}.node-2{right:13%;top:29%;background:#68a9ff}.node-3{left:25%;bottom:12%;background:#6bafff}.node-4{right:27%;bottom:18%}.core-halo{position:absolute;width:220px;height:220px;border-radius:35px;background:radial-gradient(circle,#5cc3e952,transparent 70%);transform:rotate(45deg)}.core{height:174px;width:174px;border-radius:28px;transform:rotate(45deg);display:grid;place-items:center;background:linear-gradient(145deg,#69f8db50,#3783e030);border:1px solid #a1ffeba8;box-shadow:0 30px 60px #0006,inset 0 0 28px #85ebf52d}.core-inside{transform:rotate(-45deg);color:white;font:bold 94px var(--display);letter-spacing:-.13em;padding-right:15px}.core-inside span{font-size:26px;color:var(--mint);position:relative;left:-5px;top:-53px}.float-tag{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 17px;border:1px solid #40748c;background:#0d2c41e9;backdrop-filter:blur(9px);color:#d9f1f5;font-size:11px;font-weight:700;border-radius:6px;box-shadow:0 10px 25px #0003;white-space:nowrap}.tag-icon{font-size:18px;color:var(--mint)}.tag-1{top:20%;left:0}.tag-2{right:-1%;top:47%}.tag-3{bottom:16%;left:2%}.hero-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.16em;color:#9aabc0;font-weight:700;padding:5px 0 25px}.hero-bottom>div:first-child span{color:#64f0d7;padding-left:6px}.scroll-indicator span{font-size:16px;padding-left:8px}.capability-strip{background:#eaf0f7}.strip-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:83px;flex-wrap:wrap}.strip-inner span{font-size:10px;color:#51637b;font-weight:800;letter-spacing:.1em}.strip-inner i{width:4px;height:4px;border-radius:50%;background:#7e98b4}.section{padding:113px 0}.section-label span{color:#47b5bd}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-intro h2{margin-top:21px}.about-body{padding-top:23px}.about-body .lead{font-size:21px;font-weight:700;line-height:1.55;color:#18283d;margin:0 0 18px}.about-body p:not(.lead){font-size:14px;color:#667589}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;color:#236bae;font-size:12px;font-weight:800;border-bottom:1px solid #bdcede;padding-bottom:11px;margin-top:18px}.text-link span{font-size:18px}.services-section{background:#f4f7fb}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px;gap:50px}.section-heading h2{margin-top:22px}.section-heading>p{width:340px;font-size:14px;color:var(--muted);margin-bottom:8px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{min-height:335px;background:#fff;border:1px solid #e3eaf1;padding:27px 25px 22px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #132c4510;border-color:#bcd8e6}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.service-num{font-size:11px;font-weight:800;color:#91a0b0}.service-icon{font-size:27px;color:#377dc0;display:grid;place-items:center;width:47px;height:47px;border-radius:12px;background:#eff6fa}.service-card h3{font-size:19px;line-height:1.35;letter-spacing:-.025em}.service-card p{font-size:13px;color:#718093;line-height:1.7;margin:11px 0 20px}.service-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto}.service-tags span{font-size:9px;font-weight:800;background:#edf5f8;color:#537085;padding:7px 9px;border-radius:3px}.service-card>a{display:flex;justify-content:space-between;align-items:center;padding-top:20px;margin-top:19px;border-top:1px solid #edf0f4;color:#236ca9;font-size:11px;font-weight:800}.service-card>a span{font-size:17px}.expertise-section{background:#071627;color:white}.expertise-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.section-label-light{color:#82c5db}.expertise-copy h2{font-size:clamp(35px,4vw,54px);margin:24px 0}.expertise-copy h2 em{color:#70dfd4}.expertise-copy p{font-size:14px;color:#aebed0;max-width:500px;margin-bottom:30px}.expertise-visual{background:radial-gradient(circle at center,#113852,#0b2136 66%,#0a1c2d 100%);height:475px;border:1px solid #2c4e63;position:relative;display:grid;place-items:center;overflow:hidden}.visual-label,.visual-foot{position:absolute;left:26px;top:23px;color:#7da6b8;font-size:9px;font-weight:800;letter-spacing:.18em}.visual-foot{top:auto;bottom:21px}.tech-ring{position:relative;width:270px;height:270px;border-radius:50%;border:1px dashed #4e809d;display:grid;place-items:center}.tech-ring::before,.tech-ring::after{content:'';position:absolute;inset:-48px;border:1px solid #2d566e;border-radius:50%}.tech-ring::after{inset:40px;border:1px solid #4c8e9c}.tech-center{z-index:1;width:110px;height:110px;border:1px solid #7ce2d7;background:#17425b;border-radius:25px;display:flex;justify-content:center;align-items:center;font-size:67px;font-weight:800;color:white;transform:rotate(-12deg);box-shadow:0 0 60px #64dcc033}.tech-center span{font-size:18px;color:var(--mint);align-self:flex-start;margin-top:18px}.tech-label{position:absolute;padding:8px 10px;background:#13394f;color:#bfe8ec;border:1px solid #3f7e91;font-size:9px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.tech-label.ai{top:-18px;left:70px}.tech-label.cloud{right:-70px;top:110px}.tech-label.data{bottom:-17px;left:69px}.tech-label.automation{left:-75px;top:119px}.talent-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.talent-visual{height:420px;background:#eaf4f7;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:4px}.talent-orbit{position:absolute;border-radius:50%;border:1px solid #b8d9e2;width:280px;height:280px}.t-o2{width:390px;height:390px;border-style:dashed}.talent-center{text-align:center;color:#467e92;font-size:11px;font-weight:800;letter-spacing:.16em;line-height:2}.talent-center strong{color:#17364d;font-size:15px}.talent-avatar{position:absolute;background:white;border:1px solid #bfdee3;border-radius:50%;width:62px;height:62px;display:grid;place-items:center;color:#36819b;font-weight:800;font-size:14px;box-shadow:0 10px 20px #153a5517}.a1{top:45px;left:43%}.a2{top:43%;right:34px}.a3{bottom:52px;left:25%}.a4{top:38%;left:45px}.talent-copy h2{margin:22px 0}.talent-copy>p{font-size:14px;color:var(--muted)}.check-list{list-style:none;margin:24px 0 28px;padding:0}.check-list li{padding:8px 0 8px 25px;position:relative;font-size:13px;font-weight:700}.check-list li::before{content:'✓';position:absolute;left:0;color:#29978a}.button-dark{background:#0c2338;color:white}.button-dark:hover{background:#1f4c68}.difference-section{background:#f5f8fa}.difference-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin:24px 0 41px}.difference-heading p{width:360px;font-size:14px;color:var(--muted)}.pillars{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dce6ed}.pillar{padding:30px 24px 12px;border-right:1px solid #dce6ed}.pillar:first-child{padding-left:0}.pillar:last-child{border:none}.pillar>span{font-size:11px;font-weight:800;color:#7d98a7}.pillar-mark{font-size:40px;color:#4c9cb1;margin:19px 0}.pillar h3{font-size:18px}.pillar p{font-size:13px;color:var(--muted)}.careers-section{background:linear-gradient(120deg,#114764,#0b2743 65%,#071727);color:white;position:relative}.careers-inner{display:flex;align-items:center;justify-content:space-between;min-height:430px;position:relative}.careers-inner>div:first-child{z-index:1;padding:70px 0}.careers-inner h2{margin:25px 0 17px}.careers-inner h2 em{color:var(--mint)}.careers-inner p{font-size:14px;max-width:480px;color:#c2d3dc;margin-bottom:28px}.button-white{background:white;color:#123149}.button-white:hover{background:#e6fff9}.career-decoration{height:340px;width:340px;border:1px solid #5fa5bc40;border-radius:50%;display:grid;place-items:center;position:relative;margin-right:60px;box-shadow:0 0 0 65px #5fa5bc0c,0 0 0 120px #5fa5bc08}.career-decoration span:first-child{font:bold 230px var(--display);color:#a2ebef25}.career-decoration span:last-child{position:absolute;font-size:70px;color:#87ffdc36;right:90px;top:60px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px}.contact-copy h2{margin:25px 0}.contact-copy>p{font-size:14px;color:var(--muted);max-width:465px}.contact-detail{display:flex;flex-direction:column;gap:9px;margin-top:28px}.contact-detail small{font-size:10px;letter-spacing:.14em;color:#8493a1;font-weight:800}.contact-detail>a{font-size:20px;font-weight:800;color:#245f8d}.contact-copy .contact-note{font-size:11px;margin-top:30px;color:#8d9ba9}.contact-form{background:#f5f8fb;padding:35px;border:1px solid #e2eaf1}.contact-form h3{font-size:24px}.contact-form>p{font-size:12px;color:#718093;margin:7px 0 25px}.contact-form label{display:flex;flex-direction:column;gap:10px;font-size:11px;font-weight:800;color:#34485d;margin-bottom:20px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;background:white;border:1px solid #d9e3ed;border-radius:4px;padding:13px 14px;font-size:12px;color:#172d43;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#48a4b4;box-shadow:0 0 0 3px #48a4b420}.contact-form textarea{resize:vertical}.contact-form button{width:100%}.form-status{font-size:12px;color:#286d68;margin-top:10px}.form-disclaimer{display:block;font-size:10px;color:#7c8b9a;margin-top:14px}.footer{background:#071421;color:#fff;padding:65px 0 22px}.footer-main{display:flex;justify-content:space-between;gap:45px;padding-bottom:65px}.footer-main p{color:#8ca1b4;font-size:13px;line-height:1.8}.footer-nav{display:flex;gap:120px;margin-right:45px}.footer-nav>div{display:flex;flex-direction:column;gap:13px}.footer-nav strong{font-size:10px;letter-spacing:.17em;color:#80b8c0;margin-bottom:9px}.footer-nav a{font-size:12px;color:#afc0cf}.footer-nav a:hover{color:var(--mint)}.footer-bottom{border-top:1px solid #234055;display:flex;justify-content:space-between;padding-top:22px;color:#8096a7;font-size:11px}.footer-bottom a{color:#bce8e8;margin-left:16px}a:focus-visible,button:focus-visible{outline:3px solid #78f4d9;outline-offset:4px}@media(max-width:1050px){.nav{gap:16px}.nav>a{font-size:11px}.brand img{width:170px}.hero h1{font-size:60px}.hero-art{transform:scale(.87)}.tag-2{right:-10%}.about-grid,.expertise-grid,.talent-grid,.contact-grid{gap:45px}.pillar{padding-right:12px;padding-left:12px}}@media(max-width:780px){.container{width:min(100% - 36px,600px)}.site-header{position:absolute}.nav-wrap{height:73px}.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:43px;height:43px;background:#ffffff16;border:1px solid #ffffff30;border-radius:5px;padding:11px}.nav-toggle span{height:2px;background:white;width:100%;border-radius:2px}.nav{display:none;position:absolute;top:73px;left:0;right:0;background:#0a1b2d;flex-direction:column;align-items:stretch;gap:0;padding:15px 25px 25px;border-bottom:1px solid #24445a;box-shadow:0 15px 25px #0004}.nav.open{display:flex}.nav>a{font-size:14px;padding:12px}.nav .nav-cta{margin-top:12px;text-align:center}.hero{min-height:auto}.hero-inner{grid-template-columns:1fr;padding-top:115px;min-height:auto}.hero-copy{padding:18px 0}.hero h1{font-size:clamp(44px,10vw,67px)}.hero-copy>p{font-size:14px}.hero-foot{margin-top:40px}.hero-art{height:380px;transform:scale(.75);margin:-20px auto -25px}.hero-bottom{padding-bottom:30px}.scroll-indicator{display:none}.strip-inner{justify-content:center;gap:15px;padding:22px 0}.strip-inner span{font-size:9px}.section{padding:72px 0}.about-grid,.expertise-grid,.talent-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.about-body{padding:0}.section-heading,.difference-heading{display:block}.section-heading>p,.difference-heading p{width:auto}.services-grid{grid-template-columns:repeat(2,1fr)}.expertise-visual{height:430px}.talent-visual{order:2}.talent-copy{order:1}.pillars{grid-template-columns:repeat(2,1fr)}.pillar:nth-child(2){border-right:none}.pillar:nth-child(-n+2){border-bottom:1px solid #dce6ed}.career-decoration{display:none}.footer-nav{gap:45px;margin:0}.footer-main{gap:30px}.contact-form{padding:25px}}@media(max-width:520px){.brand img{width:159px}.hero h1{font-size:46px}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.hero-art{width:125%;left:-12.5%;transform:scale(.68);margin:-45px 0 -50px}.hero-foot{font-size:9px}.strip-inner i:nth-of-type(3),.strip-inner i:nth-of-type(4){display:none}.services-grid{grid-template-columns:1fr}.service-card{min-height:300px}.expertise-visual{height:350px}.tech-ring{transform:scale(.7)}.talent-visual{height:350px}.talent-orbit{transform:scale(.78)}.t-o2{transform:scale(.78)}.field-row{grid-template-columns:1fr;gap:0}.footer-main{display:block}.footer-nav{margin-top:40px;justify-content:space-between;gap:15px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:12px 0}.footer-bottom a{margin-left:0}.contact-detail>a{font-size:17px}}