/* Loyal Eternal — monochrome design system */
:root{--ink:#111;--ink-2:#252525;--muted:#6e6e6e;--line:#e8e8e8;--paper:#fff;--soft:#f5f5f5;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#fff;font-family:var(--font);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.section-shell,.nav-shell,.section-pad,.contact-inner,.footer-main,.footer-bottom{width:min(1200px,calc(100% - 64px));margin-inline:auto}.site-header{height:82px;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:border-color .25s,box-shadow .25s}.site-header.is-scrolled{border-color:#eee;box-shadow:0 6px 24px #00000008}.nav-shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{width:32px;height:35px;position:relative;display:inline-block}.brand-mark:before{content:"";position:absolute;inset:1px 1px 1px 0;background:#111;clip-path:polygon(0 20%,58% 0,100% 18%,100% 78%,55% 100%,0 78%)}.brand-mark:after{content:"";position:absolute;left:7px;top:8px;width:15px;height:17px;background:white;clip-path:polygon(0 20%,100% 0,100% 22%,25% 39%,25% 68%,100% 46%,100% 67%,0 100%)}.brand-mark i{position:absolute;z-index:1;right:1px;top:13px;width:12px;height:4px;background:#111;transform:rotate(-28deg)}.brand-mark b{display:none}.brand-text{display:flex;flex-direction:column;line-height:1.15;letter-spacing:0px}.brand-text strong{font:800 15px var(--display);letter-spacing:0px}.brand-text small{font-size:8px;font-weight:700;letter-spacing:0;margin-top:5px}.main-nav{display:flex;align-items:center;gap:29px}.main-nav a{font-size:12px;font-weight:600;color:#333;transition:color .2s}.main-nav a:hover,.footer-links a:hover{color:#888}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 20px;border-radius:100px;font-size:12px;font-weight:700;border:1px solid transparent;transition:transform .2s,background .2s,color .2s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button span{font-size:16px;line-height:1}.button-dark{background:#111;color:#fff}.button-dark:hover{background:#333}.button-light{background:#fff;border-color:#d5d5d5;color:#111}.button-light:hover{border-color:#111}.button-white{background:#fff;color:#111}.menu-toggle{display:none}
.hero{min-height:590px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:18px;padding-top:44px;padding-bottom:56px;overflow:hidden}.hero-copy{position:relative;z-index:2;padding-bottom:12px}.eyebrow{font-size:10px;letter-spacing:0;font-weight:700;margin:0 0 17px;color:#626262}.eyebrow-line{display:inline-block;width:24px;height:1px;background:#777;vertical-align:middle;margin-right:8px}.hero h1{font:800 clamp(38px,4.1vw,58px)/1.12 var(--display);letter-spacing:0;margin:0;max-width:600px}.hero h1 span{color:#777}.hero-description{max-width:455px;color:#5d5d5d;font-size:14px;line-height:1.8;margin:22px 0 26px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{display:flex;align-items:center;gap:9px;color:#777;font-size:10px;margin-top:32px}.status-dot{width:7px;height:7px;border-radius:50%;background:#222;box-shadow:0 0 0 4px #eee}.hero-visual{height:465px;position:relative;isolation:isolate}.visual-glow{position:absolute;width:430px;height:430px;right:5%;top:0;border-radius:50%;background:radial-gradient(circle,#ededed 0,#f8f8f8 52%,#fff 72%);z-index:-2}.visual-grid{position:absolute;inset:12px 0 18px;background-image:radial-gradient(#c8c8c8 .8px,transparent .8px);background-size:17px 17px;opacity:.48;mask-image:linear-gradient(90deg,transparent,#000 35%,#000 90%,transparent)}.monitor{position:absolute;width:75%;height:260px;right:5%;top:56px;background:#171717;border:7px solid #222;border-radius:12px;box-shadow:0 28px 45px #0002;transform:perspective(900px) rotateY(-7deg) rotateX(2deg);overflow:hidden}.monitor-top{height:24px;background:#f4f4f4;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#666;font-size:7px}.window-dots{color:#777;letter-spacing:1px}.monitor-content{height:calc(100% - 24px);display:flex;background:#fafafa}.monitor-sidebar{width:35px;background:#242424;display:flex;flex-direction:column;gap:14px;padding:15px 11px}.monitor-sidebar i{height:5px;width:12px;background:#666;border-radius:2px}.monitor-main{padding:18px 20px;flex:1}.code-line{height:5px;background:#dedede;border-radius:5px;margin-bottom:8px}.code-line.wide{width:82%}.code-line.mid{width:56%}.code-line.short{width:36%}.dashboard-preview{display:flex;align-items:center;justify-content:space-between;margin:17px 0;background:#f0f0f0;border:1px solid #e5e5e5;padding:13px 15px;border-radius:4px}.chart-bars{height:60px;display:flex;align-items:end;gap:5px}.chart-bars i{display:block;width:10px;background:#777;border-radius:2px 2px 0 0}.chart-bars i:nth-child(1){height:28%}.chart-bars i:nth-child(2){height:58%}.chart-bars i:nth-child(3){height:40%}.chart-bars i:nth-child(4){height:78%}.chart-bars i:nth-child(5){height:52%}.chart-bars i:nth-child(6){height:92%}.chart-bars i:nth-child(7){height:65%}.chart-ring{width:55px;height:55px;border-radius:50%;border:10px solid #d4d4d4;border-right-color:#444;border-top-color:#888}.server-stack{position:absolute;left:0;bottom:55px;width:190px;transform:perspective(500px) rotateY(7deg)}.server-unit{height:48px;margin-top:5px;background:linear-gradient(180deg,#4a4a4a,#111 65%,#292929);border:1px solid #555;border-radius:5px;box-shadow:0 12px 16px #0002;display:flex;align-items:center;gap:7px;padding:0 13px;position:relative}.server-unit:before{content:"";position:absolute;left:0;right:0;top:5px;height:1px;background:#777}.server-unit span{width:35px;height:4px;background:#666;border-radius:2px;margin-right:auto}.server-unit i{width:5px;height:5px;border-radius:50%;background:#d4d4d4;box-shadow:0 0 7px #fff}.server-unit i:last-child{background:#777}.phone{position:absolute;right:10%;bottom:35px;width:83px;height:162px;border:5px solid #181818;border-radius:17px;background:#111;box-shadow:0 20px 35px #0003;transform:rotate(5deg);padding:5px}.phone-speaker{position:absolute;top:5px;left:29px;width:18px;height:4px;border-radius:4px;background:#555;z-index:1}.phone-screen{height:100%;border-radius:10px;background:#f5f5f5;padding:22px 8px 8px}.phone-mark{font:800 16px var(--display);text-align:center}.phone-line{height:4px;background:#bbb;border-radius:4px;margin:9px 0 0}.phone-line.short{width:65%;margin-top:5px}.phone-card{height:37px;background:linear-gradient(135deg,#333,#aaa);border-radius:4px;margin-top:12px}.phone-icons{display:flex;gap:4px;margin-top:8px}.phone-icons i{width:14px;height:14px;border-radius:3px;background:#d0d0d0}.floating-label{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 15px;background:#fff;border:1px solid #e8e8e8;border-radius:9px;box-shadow:0 10px 35px #0000000c}.floating-label b,.floating-label small{display:block}.floating-label b{font-size:10px}.floating-label small{font-size:8px;color:#888}.mini-icon{display:grid;place-items:center;width:30px;height:30px;background:#111;color:#fff;border-radius:7px}.label-top{top:20px;left:4%}.label-bottom{right:0;bottom:58px}.visual-caption{position:absolute;bottom:0;left:3%;right:3%;font-size:8px;letter-spacing:0;color:#888;display:flex;justify-content:space-between}
.section-pad{padding-top:90px;padding-bottom:95px}.services{width:100%;padding-left:max(32px,calc((100% - 1200px)/2));padding-right:max(32px,calc((100% - 1200px)/2));background:#fbfbfb}.section-heading{max-width:650px;margin:0 auto 42px}.centered{text-align:center}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2,.portfolio-heading h2{font:800 clamp(30px,3vw,42px)/1.2 var(--display);letter-spacing:0;margin:0 0 14px}.section-heading>p:last-child,.portfolio-heading>div>p:last-child{font-size:13px;color:#777;max-width:530px;margin:0 auto}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{border:1px solid #e7e7e7;background:#fff;border-radius:12px;padding:17px 17px 22px;transition:transform .25s,border-color .25s,box-shadow .25s;min-width:0}.service-card:hover{transform:translateY(-5px);border-color:#ccc;box-shadow:0 15px 40px #00000008}.service-art{height:150px;border-radius:7px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#f9f9f9,#eee)}.service-art:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#aaa .7px,transparent .7px);background-size:13px 13px;opacity:.22}.server-illustration{z-index:1;width:110px;transform:perspective(300px) rotateY(-16deg)}.server-illustration span{display:block;height:34px;margin-top:5px;border:1px solid #555;border-radius:4px;background:linear-gradient(180deg,#4a4a4a,#141414 55%,#292929);box-shadow:0 8px 8px #0002;position:relative}.server-illustration span:after{content:"•••";position:absolute;right:9px;top:3px;color:#ccc;letter-spacing:3px;font-size:11px}.browser-illustration{z-index:1;width:135px;height:88px;background:#fff;border:4px solid #252525;border-radius:6px;box-shadow:0 12px 18px #0002;transform:rotate(-4deg);overflow:hidden}.browser-illustration>div{height:10px;background:#222}.browser-illustration section{padding:10px}.browser-illustration b{display:block;width:58%;height:8px;background:#333;margin-bottom:7px}.browser-illustration i{display:block;width:90%;height:3px;background:#ddd;margin:4px 0}.browser-illustration em{display:block;width:40px;height:13px;background:#222;margin-top:8px}.mobile-illustration{z-index:1;width:66px;height:119px;background:#111;border:4px solid #222;border-radius:13px;padding:17px 7px 8px;box-shadow:0 12px 20px #0002}.mobile-illustration>span{position:absolute;top:6px;left:26px;width:14px;height:3px;background:#555;border-radius:4px}.app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.app-grid i{height:18px;background:#ddd;border-radius:4px}.app-grid i:nth-child(2){background:#555}.app-grid i:nth-child(3){background:#999}.mobile-illustration>b{display:block;height:20px;background:#333;border-radius:4px;margin-top:7px}.gamepad{z-index:1;position:relative;width:130px;height:60px;background:linear-gradient(#333,#111);border-radius:22px 22px 32px 32px;transform:rotate(-8deg);box-shadow:0 12px 14px #0003}.gamepad:before,.gamepad:after{content:"";position:absolute;width:38px;height:42px;background:#171717;bottom:-7px;border-radius:50%}.gamepad:before{left:7px}.gamepad:after{right:7px}.gamepad span{position:absolute;z-index:2;left:22px;top:20px;width:25px;height:5px;background:#aaa}.gamepad span:after{content:"";position:absolute;left:10px;top:-10px;width:5px;height:25px;background:#aaa}.gamepad i,.gamepad b,.gamepad em{position:absolute;z-index:2;color:#ccc;font-size:10px;font-style:normal}.gamepad i{right:24px;top:17px}.gamepad b{right:14px;top:27px}.gamepad em{right:31px;top:29px}.game-spark{position:absolute;right:28px;top:25px;font-size:24px;color:#888}.service-number{font-size:8px;letter-spacing:0;color:#999;margin:20px 0 7px}.service-card h3{font:800 17px var(--display);letter-spacing:0;margin:0 0 8px}.service-card p{font-size:12px;line-height:1.8;color:#777;min-height:65px;margin:0 0 17px}.text-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding-top:14px;font-size:11px;font-weight:700}.text-link span{font-size:16px}
.about{display:grid;grid-template-columns:1fr 1fr;background:#111;color:#fff;min-height:460px;overflow:hidden}.about-text{padding:80px max(45px,calc((100vw - 1200px)/2)) 80px max(32px,calc((100vw - 1200px)/2));align-self:center}.eyebrow-light{color:#aaa}.about-text h2,.contact-copy h2{font:800 clamp(34px,4vw,49px)/1.12 var(--display);letter-spacing:0;margin:0 0 20px}.about-lead{font-size:16px;font-weight:600;max-width:430px;line-height:1.55}.about-description{font-size:13px;color:#aaa;max-width:490px;line-height:1.9;margin:18px 0 28px}.about-visual{position:relative;min-height:460px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#444 0,#202020 38%,#151515 70%);overflow:hidden}.about-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.about-orbit{position:absolute;border:1px solid #ffffff22;border-radius:50%;width:430px;height:430px;transform:rotate(-28deg) scaleY(.55)}.orbit-two{width:340px;height:340px;transform:rotate(45deg) scaleY(.62)}.brand-emblem{position:relative;width:110px;height:110px;border:1px solid #777;border-radius:26px;display:grid;place-items:center;transform:rotate(-8deg);box-shadow:0 25px 50px #0008}.brand-emblem span{font:800 48px var(--display);position:absolute}.brand-emblem span:first-child{transform:translate(-10px,-5px);color:#fff}.brand-emblem span:last-child{transform:translate(10px,8px);color:#777}.about-visual-caption{position:absolute;top:calc(50% + 80px);text-align:center;display:flex;flex-direction:column;line-height:1.5}.about-visual-caption b{font:800 17px var(--display);letter-spacing:0px}.about-visual-caption small{font-size:8px;letter-spacing:0;color:#aaa}.about-side-note{position:absolute;right:25px;top:50%;writing-mode:vertical-rl;letter-spacing:0;font-size:8px;color:#777}
.portfolio-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}.portfolio-heading h2{margin-bottom:10px}.portfolio-heading>div>p:last-child{margin:0;text-align:left}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.portfolio-card{min-width:0}.portfolio-image{height:190px;border-radius:10px;overflow:hidden;position:relative;background:#e8e8e8;border:1px solid #e3e3e3}.mock-browser{position:absolute;inset:20px 16px 0;background:#fff;border-radius:5px 5px 0 0;box-shadow:0 12px 20px #0002;overflow:hidden;transform:rotate(-2deg)}.mock-bar{height:12px;background:#252525}.mock-hero{height:85px;background:linear-gradient(120deg,#ddd,#f7f7f7);padding:16px;position:relative}.mock-hero span{display:block;width:50%;height:9px;background:#333;margin-bottom:8px}.mock-hero b,.mock-hero i{display:block;height:4px;width:67%;background:#aaa;margin:5px 0}.mock-hero em{display:block;width:35px;height:11px;background:#222;margin-top:7px}.mock-tiles{display:flex;gap:6px;padding:8px}.mock-tiles i{height:35px;background:#eee;flex:1}.portfolio-app{background:#dedede}.app-window{position:absolute;inset:24px 13px 0;display:flex;background:#f9f9f9;border-radius:6px 6px 0 0;box-shadow:0 12px 20px #0002;overflow:hidden}.app-sidebar{width:24px;background:#222}.app-body{flex:1;padding:12px}.app-body>b{display:block;width:50%;height:8px;background:#333;margin-bottom:12px}.app-cards{display:flex;gap:5px}.app-cards i{height:31px;flex:1;background:#e1e1e1;border-radius:3px}.app-table{margin-top:10px}.app-table i{display:block;height:5px;background:#ddd;margin:7px 0}.portfolio-mobile{background:linear-gradient(135deg,#f2f2f2,#d5d5d5)}.mock-phone{position:absolute;width:72px;height:145px;top:26px;background:#171717;border:4px solid #111;border-radius:13px;padding:20px 7px 8px;box-shadow:0 12px 20px #0002}.mock-phone.one{left:27%;transform:rotate(-9deg)}.mock-phone.two{right:24%;top:17px;transform:rotate(8deg)}.mock-phone i{position:absolute;top:6px;left:23px;width:17px;height:3px;background:#777}.mock-phone b{display:block;height:22px;background:#ddd;border-radius:3px}.mock-phone span{display:block;height:4px;background:#777;margin-top:7px}.mock-phone em{display:block;height:28px;background:#333;margin-top:10px;border-radius:3px}.portfolio-game{background:linear-gradient(150deg,#ddd,#f8f8f8)}.game-scene{position:absolute;inset:0;overflow:hidden;background:linear-gradient(#eee 0,#d7d7d7 55%,#bdbdbd 100%)}.game-moon{position:absolute;right:25px;top:23px;width:37px;height:37px;background:#fff;border-radius:50%}.game-mountain{position:absolute;bottom:-20px;left:-15px;width:220px;height:130px;background:#888;clip-path:polygon(0 100%,50% 0,100% 100%)}.game-mountain.second{left:75px;bottom:-33px;background:#555;transform:scale(.8)}.game-character{position:absolute;bottom:33px;left:47%;font-size:44px;color:#111;text-shadow:0 4px 0 #fff}.portfolio-meta{display:flex;align-items:center;justify-content:space-between;padding:14px 2px}.portfolio-meta h3{font:800 13px var(--display);margin:0}.portfolio-meta p{font-size:11px;color:#888;margin:2px 0 0}.portfolio-meta>span{font-size:17px}
.advantages{background:#fafafa;width:100%;padding-left:max(32px,calc((100% - 1200px)/2));padding-right:max(32px,calc((100% - 1200px)/2))}.advantages .section-heading{margin-bottom:35px}.advantage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.advantage{padding:28px;border:1px solid #e7e7e7;border-radius:10px;background:#fff}.advantage-icon{width:40px;height:40px;border:1px solid #ddd;border-radius:50%;display:grid;place-items:center;font-size:20px;margin-bottom:18px}.advantage h3{font:800 16px var(--display);margin:0 0 8px}.advantage p{font-size:12px;color:#777;line-height:1.8;margin:0}
.contact{background:#111;color:#fff;padding:86px 0}.contact-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.contact-copy h2{font-size:clamp(36px,4vw,51px)}.contact-copy>p:not(.eyebrow){color:#aaa;font-size:13px;max-width:420px;line-height:1.8;margin-bottom:30px}.contact-detail{display:flex;align-items:center;gap:12px;margin-top:20px}.contact-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid #444;border-radius:50%;font-size:17px}.contact-detail small,.contact-detail b{display:block}.contact-detail small{color:#888;font-size:10px}.contact-detail b{font-size:12px;font-weight:600}.contact-form-wrap{background:#1a1a1a;border:1px solid #333;border-radius:13px;padding:30px}.form-heading h3{font:800 22px var(--display);margin:0 0 5px}.form-heading p{font-size:12px;color:#999;margin:0 0 23px}.contact-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;color:#ddd}.contact-form input,.contact-form select,.contact-form textarea{width:100%;background:#111;border:1px solid #393939;border-radius:6px;color:#fff;padding:12px;font-size:12px;outline:none;transition:border-color .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#aaa}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#777}.contact-form textarea{resize:vertical;min-height:100px}.contact-form select{appearance:auto}.submit-button{align-self:flex-start;border:0}.form-footnote{font-size:10px;color:#777;margin:0}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.notice{font-size:12px;border-radius:6px;padding:11px 13px;margin-bottom:15px}.notice.success{background:#e9e9e9;color:#111}.notice.error{background:#4b2020;color:#fff}
.site-footer{background:#0b0b0b;color:#fff;border-top:1px solid #292929}.footer-main{padding-top:32px;padding-bottom:30px;display:flex;align-items:center;gap:30px}.brand-footer .brand-mark:before{background:#fff}.brand-footer .brand-mark:after{background:#0b0b0b}.brand-footer .brand-mark i{background:#fff}.brand-footer .brand-text strong{font-size:13px}.brand-footer .brand-text small{font-size:7px}.footer-main>p{font-size:11px;color:#888;margin:0 auto 0 0}.footer-links{display:flex;gap:21px}.footer-links a{font-size:11px;color:#bbb}.footer-bottom{border-top:1px solid #262626;padding-top:17px;padding-bottom:17px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#777}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.section-shell,.nav-shell,.section-pad,.contact-inner,.footer-main,.footer-bottom{width:min(100% - 44px,1200px)}.main-nav{gap:16px}.main-nav a{font-size:11px}.hero{grid-template-columns:1fr 1fr;min-height:530px}.hero h1{font-size:44px}.hero-visual{transform:scale(.92);transform-origin:center right;margin-left:-25px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-art{height:175px}.about-text{padding-left:30px;padding-right:30px}.contact-inner{gap:40px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.portfolio-image{height:220px}}
@media(max-width:760px){html{scroll-padding-top:75px}.site-header{height:72px}.section-shell,.nav-shell,.section-pad,.contact-inner,.footer-main,.footer-bottom{width:calc(100% - 36px)}.nav-shell{gap:12px}.brand-mark{width:29px;height:32px}.brand-text strong{font-size:13px}.brand-text small{font-size:7px}.nav-cta{display:none}.menu-toggle{display:flex;width:40px;height:40px;border:1px solid #e4e4e4;background:#fff;border-radius:50%;align-items:center;justify-content:center;flex-direction:column;gap:5px;margin-left:auto;z-index:102}.menu-toggle span{display:block;width:15px;height:1.5px;background:#111;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.2px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.2px) rotate(-45deg)}.main-nav{position:fixed;left:0;right:0;top:71px;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:8px 22px 20px;background:#fff;border-bottom:1px solid #eee;box-shadow:0 15px 20px #0000000a;transform:translateY(-10px);opacity:0;visibility:hidden;transition:.2s}.main-nav.is-open{transform:translateY(0);opacity:1;visibility:visible}.main-nav a{padding:13px 4px;border-bottom:1px solid #f0f0f0;font-size:13px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:48px;padding-bottom:50px;gap:15px}.hero h1{font-size:clamp(37px,10vw,52px);max-width:580px}.hero-description{font-size:13px;margin-top:17px}.hero-note{margin-top:23px}.hero-visual{width:100%;height:370px;transform:none;margin:0}.monitor{height:210px;width:76%;right:2%;top:48px;border-width:5px}.monitor-main{padding:12px}.dashboard-preview{padding:7px;margin:10px 0}.chart-bars{height:40px}.chart-ring{width:40px;height:40px;border-width:7px}.server-stack{width:145px;bottom:44px}.server-unit{height:37px}.phone{width:69px;height:136px;right:10%;bottom:31px}.floating-label{padding:9px 11px}.label-top{left:0;top:5px}.label-bottom{right:0;bottom:40px}.visual-caption{font-size:7px}.section-pad{padding-top:65px;padding-bottom:70px}.services,.advantages{padding-left:18px;padding-right:18px}.section-heading{margin-bottom:30px}.section-heading h2,.portfolio-heading h2{font-size:31px}.section-heading>p:last-child{font-size:12px}.service-grid{gap:10px}.service-card{padding:10px 11px 16px;border-radius:9px}.service-art{height:130px}.service-number{font-size:7px;letter-spacing:0;margin-top:14px}.service-card h3{font-size:14px;line-height:1.4}.service-card p{font-size:11px;min-height:100px;line-height:1.7}.text-link{font-size:10px}.about{grid-template-columns:1fr}.about-text{padding:58px 22px}.about-text h2{font-size:39px}.about-visual{min-height:340px}.about-orbit{width:320px;height:320px}.about-visual-caption{top:calc(50% + 75px)}.portfolio-heading{align-items:flex-start;flex-direction:column;margin-bottom:25px}.portfolio-heading .button{padding:11px 15px}.portfolio-grid{gap:14px}.portfolio-image{height:155px}.portfolio-meta h3{font-size:11px}.portfolio-meta p{font-size:10px}.portfolio-meta{align-items:flex-start}.mock-browser{inset:20px 10px 0}.mock-phone{transform:scale(.85) rotate(-9deg)!important;transform-origin:top center}.mock-phone.two{transform:scale(.85) rotate(8deg)!important}.advantage-grid{grid-template-columns:1fr;gap:10px}.advantage{padding:22px}.advantage-icon{margin-bottom:12px}.contact{padding:62px 0}.contact-inner{grid-template-columns:1fr;gap:34px}.contact-copy h2{font-size:40px}.contact-form-wrap{padding:21px}.form-row{grid-template-columns:1fr}.footer-main{align-items:flex-start;flex-direction:column;gap:15px}.footer-main>p{margin:0}.footer-links{flex-wrap:wrap;gap:14px}.footer-bottom{font-size:9px;flex-direction:column;gap:4px}.desktop-only{display:none}}
@media(max-width:380px){.hero h1{font-size:35px}.hero-actions .button{padding:12px 15px;gap:12px}.service-art{height:110px}.service-card p{min-height:120px}.portfolio-image{height:135px}.portfolio-meta h3{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}