/* devrelay.in — responsive static website */
:root{--navy:#061126;--navy-2:#091a3c;--blue:#087cff;--purple:#713cff;--ink:#101a30;--muted:#52617d;--line:#e4eafa;--white:#fff;--font:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;font-family:var(--font);color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.site-header{height:76px;position:sticky;top:0;z-index:20;background:rgba(5,15,34,.96);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:9px;color:#fff;font-weight:800;font-size:25px;letter-spacing:-1px}.brand-mark{font-size:25px;font-weight:800;letter-spacing:-4px;color:#278cff;margin-right:3px}.brand-dot{color:#6e85ff}.main-nav{display:flex;align-items:center;gap:36px;color:#e4eaf8;font-size:14px;font-weight:600}.nav-link{position:relative;padding:10px 0}.nav-link:after{content:"";position:absolute;bottom:3px;left:0;width:0;height:2px;background:#328dff;transition:width .2s}.nav-link:hover:after,.nav-link.active:after{width:100%}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 22px;border:0;border-radius:9px;background:linear-gradient(110deg,#0785ff,#673cff);color:#fff;font-weight:700;font-size:14px;box-shadow:0 8px 24px #245bff26;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #245bff42}.button-small{padding:11px 17px;font-size:13px}.button-outline{background:transparent;border:1px solid #aab9d6;color:#fff;box-shadow:none}.button-outline:hover{background:#ffffff0d}.menu-toggle{display:none}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 73% 70%,#0c3b9b 0,transparent 35%),radial-gradient(ellipse at 95% 0%,#31126b 0,transparent 32%),linear-gradient(115deg,#050e20,#07183a 62%,#07132b);color:#fff;min-height:510px;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#3159a012 1px,transparent 1px),linear-gradient(90deg,#3159a012 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 60%,#000)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:22px;padding-top:50px;padding-bottom:40px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:#a7c5ff;margin:0 0 15px}.eyebrow{display:flex;align-items:center;gap:8px;letter-spacing:1.4px;font-size:10px}.eyebrow-line{height:2px;width:22px;background:#338dff}.hero h1{font-size:clamp(40px,4.5vw,62px);line-height:1.06;letter-spacing:-2.8px;margin:0 0 19px;font-weight:800}.gradient-text{background:linear-gradient(90deg,#1d9bff,#9570ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{max-width:515px;color:#c8d4eb;font-size:16px;line-height:1.7;margin:0 0 25px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.trust-points{display:flex;gap:23px;margin-top:33px}.trust-item{display:flex;align-items:center;gap:10px;color:#d9e2f4;font-size:12px;line-height:1.45}.trust-icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid #6c5eff;border-radius:50%;font-size:20px;color:#82baff;background:#17275980}.hero-art{height:390px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5}.glow-one{width:260px;height:230px;background:#075dff;right:12%;bottom:0}.glow-two{width:170px;height:170px;background:#773bff;right:0;top:0}.orbit{position:absolute;border:1px solid #2678ff48;border-radius:50%;transform:rotate(-22deg)}.orbit-a{width:450px;height:210px}.orbit-b{width:390px;height:275px;transform:rotate(30deg);border-color:#a45cff36}.laptop{position:relative;width:340px;z-index:2;transform:perspective(900px) rotateY(-13deg) rotateX(4deg);filter:drop-shadow(0 25px 22px #0008)}.laptop-screen{height:222px;border:7px solid #15284e;border-bottom-width:10px;border-radius:13px 13px 5px 5px;background:linear-gradient(135deg,#08162f,#030817);box-shadow:inset 0 0 0 1px #2e69ca;position:relative;overflow:hidden}.screen-top{height:25px;border-bottom:1px solid #1a3157;display:flex;align-items:center;gap:5px;padding:0 9px}.screen-top span{width:5px;height:5px;background:#447cff;border-radius:50%}.screen-top i{margin-left:auto;color:#5e8edb;font-size:8px;font-style:normal}.code-lines{position:absolute;left:18px;top:49px;display:grid;gap:9px;width:105px}.code-lines b{height:3px;border-radius:3px;background:linear-gradient(90deg,#087cff,#21416f 75%,transparent)}.code-lines b:nth-child(2n){width:72%}.code-lines b:nth-child(3n){width:88%;background:linear-gradient(90deg,#8c56ff,#21416f 75%,transparent)}.ai-core{position:absolute;right:35px;top:58px;width:105px;height:105px;border:1px solid #167aff66;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#0b4d9c66,transparent 70%)}.ai-core:before,.ai-core:after{content:"";position:absolute;inset:13px;border:1px dashed #1888ff80;border-radius:50%}.ai-core:after{inset:-8px;border-color:#744bff55}.ai-core span{width:50px;height:50px;display:grid;place-items:center;border:1px solid #32c3ff;border-radius:10px;box-shadow:0 0 22px #008cff80;color:#76e2ff;font-weight:800;font-size:21px}.ai-core i{position:absolute;width:4px;height:4px;border-radius:50%;background:#58dfff}.ai-core i:nth-of-type(1){top:0;left:50%}.ai-core i:nth-of-type(2){right:2px;top:40%}.ai-core i:nth-of-type(3){bottom:8px;left:25%}.ai-core i:nth-of-type(4){left:0;top:65%}.laptop-base{height:17px;margin:0 -23px;background:linear-gradient(#9cbcff,#476bb4 45%,#15284b);clip-path:polygon(7% 0,93% 0,100% 78%,91% 100%,9% 100%,0 78%);border-radius:0 0 12px 12px}.tech-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #5787ff99;border-radius:11px;background:linear-gradient(135deg,#123f8ac9,#17164dbd);box-shadow:0 10px 28px #0003;color:#eaf2ff;font-size:12px;font-weight:700;backdrop-filter:blur(10px)}.chip-symbol{font-size:19px;color:#62c9ff}.brain-symbol{font-size:22px;color:#c5a5ff}.chip-web{top:34px;left:1%}.chip-ai{top:42px;right:2%}.chip-auto{right:-1%;bottom:91px}.chip-cloud{left:2%;bottom:45px}.art-caption{position:absolute;bottom:2px;color:#b6c9ed;font-size:11px;letter-spacing:.4px}.pulse-dot{display:inline-block;width:7px;height:7px;background:#4ff0c3;border-radius:50%;margin-right:7px;box-shadow:0 0 12px #4ff0c3}.hero-bottom-line{position:absolute;bottom:0;height:1px;width:100%;background:linear-gradient(90deg,transparent,#247fff,transparent)}
.section{padding:57px 0}.section-heading{text-align:center;margin:0 auto 29px}.section-kicker{color:#4262a0;margin-bottom:4px}.section-heading h2,.about-copy h2{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:0 0 7px;color:#101a30}.section-heading>p:last-child{color:#5b6983;margin:0;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{border:1px solid var(--line);border-radius:14px;padding:22px 21px 20px;min-height:225px;background:linear-gradient(145deg,#fff,#f9fbff);transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #102b6012}.service-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:25px;margin-bottom:12px}.card-blue .service-icon{color:#087cff;background:#e0edff}.card-purple .service-icon{color:#7540ff;background:#eee6ff}.card-green .service-icon{color:#009c7b;background:#ddf8f0}.card-orange .service-icon{color:#f07819;background:#fff0e2}.service-card h3{font-size:16px;margin:0 0 7px;letter-spacing:-.3px}.service-card p{font-size:13px;color:#4d5c78;line-height:1.55;margin:0 0 12px}.service-card>a{font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:8px}.card-blue>a{color:#087cff}.card-purple>a{color:#7140ef}.card-green>a{color:#009c7b}.card-orange>a{color:#e96d16}
.why-section{padding:37px 0 41px;background:linear-gradient(110deg,#f0f6ff,#f6f4ff 75%,#f1f7ff)}.why-section .section-heading{margin-bottom:25px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.why-item{display:flex;gap:12px;align-items:flex-start}.why-icon{flex:0 0 43px;height:43px;display:grid;place-items:center;border-radius:50%;font-size:20px;font-weight:800}.why-icon.green{color:#009d7d;background:#d7f7ee}.why-icon.blue{color:#087cff;background:#dfecff}.why-icon.orange{color:#ed861c;background:#fff0d9}.why-icon.purple{color:#7540ff;background:#eae1ff}.why-item h3{font-size:13px;margin:3px 0 5px}.why-item p{font-size:12px;color:#5b6983;line-height:1.55;margin:0}
.about-section{padding:58px 0 62px}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.about-copy .section-kicker{margin-bottom:5px}.about-copy h2{font-size:32px;margin-bottom:13px}.about-copy>p:not(.section-kicker){font-size:14px;color:#52617d;line-height:1.8;margin:0 0 12px;max-width:540px}.email-link{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:800;color:#176be9;margin:7px 0 20px}.email-link span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#e8f1ff}.button-about{padding:11px 17px}.about-visual{position:relative;padding:16px 0 20px}.desk-window{position:relative;height:240px;border-radius:22px;overflow:hidden;background:linear-gradient(140deg,#e6f0ff,#c9ddff 55%,#dfe4ff);box-shadow:0 15px 35px #2d5aa015}.window-bar{height:31px;background:#ffffff9c;display:flex;align-items:center;gap:5px;padding:0 13px}.window-bar i{width:6px;height:6px;border-radius:50%;background:#86a4d8}.window-bar span{font-size:9px;color:#60769d;margin-left:auto}.desk-content{height:209px;position:relative;display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:0 12px 25px;background:radial-gradient(ellipse at 50% 100%,#9bbcf1 0,transparent 62%)}.monitor{width:155px;position:relative;z-index:2}.monitor-screen{height:106px;border:6px solid #233c67;border-radius:7px;background:linear-gradient(140deg,#f3f8ff,#c4dcff);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 7px 13px #274a7c35}.monitor-screen span{font-size:24px;color:#247bfa;font-weight:800}.monitor-screen small{font-size:8px;color:#425e8a}.monitor-stand{height:18px;width:35px;margin:auto;background:#718bb3;clip-path:polygon(35% 0,65% 0,80% 100%,20% 100%)}.monitor-stand:after{content:"";display:block;width:60px;height:4px;background:#718bb3;transform:translate(-12px,14px)}.plant{position:relative;width:45px;height:90px;margin-bottom:0}.plant i{position:absolute;bottom:27px;left:20px;width:16px;height:34px;border-radius:100% 0 100% 0;background:#259c79;transform:rotate(-30deg)}.plant i:nth-child(2){left:7px;bottom:37px;transform:rotate(-65deg);background:#48b88d}.plant i:nth-child(3){left:23px;bottom:51px;transform:rotate(15deg);background:#147e64}.plant b{position:absolute;bottom:0;left:8px;width:30px;height:25px;background:linear-gradient(90deg,#e9a97b,#cb805c);border-radius:3px 3px 8px 8px}.books{display:flex;flex-direction:column;width:150px;gap:3px;margin-bottom:4px}.books b{font-size:7px;letter-spacing:.4px;color:#fff;padding:6px 8px;border-radius:2px;background:linear-gradient(90deg,#1d3966,#31588b);box-shadow:0 3px 5px #1d396633}.books b:nth-child(2){background:linear-gradient(90deg,#3e4f81,#5969a1)}.books b:nth-child(3){background:linear-gradient(90deg,#273c63,#496c9c)}.books b:nth-child(4){background:linear-gradient(90deg,#152a4d,#3a5682)}.visual-note{position:absolute;right:20px;bottom:0;padding:10px 15px;border-radius:9px;background:#fff;box-shadow:0 8px 22px #294b851c;font-size:11px;font-weight:800;color:#405780}.visual-note span{color:#7540ff;margin-right:6px}
.site-footer{background:#050f21;color:#d7e1f4;padding:31px 0 0}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:26px}.footer-brand .brand{font-size:23px}.footer-brand p{font-size:11px;color:#aebdd5;margin:12px 0 0}.footer-brand p span{color:#5d8bff;padding:0 4px}.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:12px}.footer-contact h3{font-size:13px;color:#fff;margin:0 0 3px}.footer-contact a{color:#91baff;font-weight:700}.footer-contact>span{color:#94a6c2}.footer-bottom{border-top:1px solid #ffffff15;display:flex;justify-content:space-between;gap:15px;padding-top:14px;padding-bottom:15px;color:#8fa1bd;font-size:11px}.footer-bottom a{color:#c5d7f5}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr 0.9fr;gap:5px}.hero h1{font-size:48px}.hero-art{transform:scale(.9);margin-inline:-20px}.service-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr);row-gap:25px}.about-grid{gap:25px}.books{width:120px}}
@media(max-width:680px){.container{width:min(100% - 34px,520px)}.site-header{height:68px}.brand{font-size:22px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:1px solid #314366;background:#101e38;border-radius:8px;padding:10px;cursor:pointer}.menu-toggle span{width:18px;height:2px;background:#e8f0ff;border-radius:2px}.main-nav{display:none;position:absolute;top:67px;left:0;right:0;background:#07142b;padding:18px 24px 22px;align-items:stretch;gap:10px;flex-direction:column;border-bottom:1px solid #263957}.main-nav.open{display:flex}.nav-link{padding:8px 0}.main-nav .button{align-self:flex-start;margin-top:6px}.hero{min-height:unset}.hero-grid{grid-template-columns:1fr;padding-top:43px;padding-bottom:30px}.eyebrow{font-size:8px;letter-spacing:1px;flex-wrap:wrap}.hero h1{font-size:clamp(40px,10vw,55px);letter-spacing:-2px}.hero-description{font-size:14px}.trust-points{gap:13px;justify-content:space-between}.trust-item{font-size:10px;gap:7px}.trust-icon{width:32px;height:32px;font-size:16px}.hero-art{height:280px;transform:none;margin:4px -12px 0}.laptop{width:275px}.laptop-screen{height:178px}.laptop-base{height:14px}.ai-core{transform:scale(.78);right:20px;top:39px}.code-lines{top:42px;left:12px;width:85px}.tech-chip{font-size:9px;padding:8px 10px;gap:6px}.chip-symbol{font-size:15px}.chip-web{top:14px;left:0}.chip-ai{top:22px;right:0}.chip-auto{right:0;bottom:58px}.chip-cloud{left:0;bottom:34px}.orbit-a{width:320px;height:160px}.orbit-b{width:290px;height:190px}.art-caption{font-size:9px;bottom:1px}.section{padding:43px 0}.section-heading h2,.about-copy h2{font-size:26px}.section-heading>p:last-child{font-size:13px}.service-grid{gap:11px}.service-card{padding:16px 14px;min-height:unset}.service-icon{width:40px;height:40px;font-size:21px;margin-bottom:10px}.service-card h3{font-size:14px}.service-card p{font-size:12px}.service-card>a{font-size:12px}.why-section{padding:34px 0}.why-grid{gap:22px 13px}.why-item{gap:9px}.why-icon{flex-basis:34px;height:34px;font-size:16px}.why-item h3{font-size:12px}.why-item p{font-size:11px}.about-grid{grid-template-columns:1fr;gap:20px}.about-copy>p:not(.section-kicker){font-size:13px}.about-visual{padding-top:0}.desk-window{height:220px}.desk-content{height:189px}.monitor{width:130px}.monitor-screen{height:90px}.books{width:125px}.footer-main{align-items:flex-start;flex-direction:column;gap:23px}.footer-brand p{line-height:1.7}.footer-bottom{font-size:10px}}
@media(max-width:380px){.service-grid{grid-template-columns:1fr}.service-card{padding:18px}.why-grid{grid-template-columns:1fr}.hero-actions .button{padding:12px 15px;font-size:12px}.trust-points{gap:7px}.trust-item{font-size:9px}.tech-chip{font-size:8px}.books{width:108px}.books b{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}