@import "https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&family=Manrope:wght@500;700;800&display=swap";#root{min-height:100vh}:root{--primary-color:#234288;--secondary-color:#e9f7fe;--black-color:#000d;--text-color:#212529;--muted-color:#667282;--accent-color:#fdd100;--white-color:#fff;--divider-color:#12223b30;--dark-divider-color:#ffffff20;--overlay-color:#0006;--default-font:"DM Sans", Verdana, sans-serif;--accent-font:"Manrope", "DM Sans", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--default-font);color:var(--text-color);background-color:var(--white-color);margin:0;font-size:16px;font-weight:400;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}p{margin:0 0 1.4em}h1,h2,h3,h4,h5,h6{font-family:var(--accent-font);color:var(--primary-color);letter-spacing:0;margin:0;font-weight:800;line-height:1.12}.site-shell{background:var(--white-color);width:100%;overflow:hidden}.container{width:min(1300px,100% - 30px);margin:0 auto}.main-header{z-index:20;border-bottom:1px solid var(--dark-divider-color);margin:40px 40px 0;position:absolute;top:0;left:0;right:0}.navbar{align-items:center;gap:28px;min-height:86px;padding:20px 80px;display:flex}.navbar-brand{flex:none}.navbar-brand img{width:auto;height:45px}.nav-menu-wrapper{flex:1;justify-content:center;align-items:center;gap:24px;display:flex}.nav-menu-wrapper a{font-family:var(--accent-font);color:var(--white-color);font-size:16px;font-weight:500;transition:color .25s}.nav-menu-wrapper a:hover,.nav-menu-wrapper a:focus-visible{color:var(--accent-color)}.btn-default{z-index:1;min-height:62px;font-family:var(--accent-font);text-transform:capitalize;color:var(--primary-color);background:var(--accent-color);border:0;border-radius:12px;align-items:center;padding:19px 60px 19px 30px;font-size:18px;font-weight:800;line-height:1.3;transition:color .35s,border-color .35s;display:inline-flex;position:relative;overflow:hidden}.btn-default:before{content:">";font-family:var(--accent-font);font-size:22px;line-height:1;transition:transform .3s;position:absolute;right:26px}.btn-default:after{content:"";z-index:-1;background:var(--primary-color);border-radius:12px;width:0;transition:width .35s;position:absolute;inset:0 auto 0 0}.btn-default:hover,.btn-default:focus-visible{color:var(--white-color)}.btn-default:hover:before,.btn-default:focus-visible:before{transform:translate(5px)}.btn-default:hover:after,.btn-default:focus-visible:after{width:100%}.btn-highlighted{border:1px solid var(--white-color);color:var(--white-color);background:0 0}.btn-highlighted:after{background:var(--accent-color)}.btn-highlighted:hover,.btn-highlighted:focus-visible{border-color:var(--accent-color);color:var(--primary-color)}.header-action{min-height:52px;padding:15px 48px 15px 22px;font-size:15px}.header-action:before{right:20px}.hero.bg-section{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:40px;align-items:center;min-height:820px;margin:0 40px;padding:230px 0 135px;display:flex;position:relative;overflow:hidden}.hero.bg-section:before{content:"";z-index:1;background:linear-gradient(180deg, #0000002e, #00000094), var(--overlay-color);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;width:min(980px,100% - 30px);margin:0 auto;position:relative}.section-title{margin-bottom:40px}.section-row{margin-bottom:60px}.section-row .section-title{text-align:center;max-width:950px;margin:0 auto}.section-title h1{color:var(--white-color);margin-bottom:0;font-size:clamp(36px,4.2vw,56px)}.section-title h2{margin-bottom:0;font-size:clamp(34px,4.2vw,56px)}.section-title h3{color:var(--black-color);text-transform:uppercase;margin-bottom:20px;font-size:16px}.hero-content .section-title h3{color:var(--accent-color)}.hero-content .section-title h1{max-width:1040px;margin:0 auto;line-height:1.16}.hero-content .section-title p{max-width:800px;color:var(--white-color);margin:30px auto 0;font-size:22px}.section-row .section-title p{max-width:850px;margin:30px auto 0}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.proposal-intro{background:var(--secondary-color);padding:100px 0}.split-layout{grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;display:grid}.split-media{border-radius:40px;min-height:560px;position:relative;overflow:hidden}.split-media img{object-fit:cover;width:100%;height:100%;min-height:560px;transition:transform .5s}.split-media:hover img{transform:scale(1.05)}.image-anime{position:relative;overflow:hidden}.image-anime:after{content:"";z-index:3;background-color:#ffffff4d;width:200%;height:0%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.image-anime:hover:after{background-color:#0000;height:250%;transition:all .6s linear}.split-content p{color:var(--text-color);font-size:17px}.background-points{gap:14px;margin-top:28px;display:grid}.background-points article{border-left:5px solid var(--accent-color);background:var(--white-color);border-radius:0 18px 18px 0;padding:18px 20px}.background-points h3{margin-bottom:8px;font-size:20px}.background-points p{margin:0;font-size:15px}.why-choose-us{background:var(--white-color);padding:100px 0 70px}.objective-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.why-choose-item{border:1px solid var(--divider-color);background:var(--white-color);border-radius:40px;flex-direction:column;min-height:680px;padding:30px;display:flex}.why-choose-item .icon-box{width:70px;height:70px;font-family:var(--accent-font);color:var(--primary-color);background:var(--accent-color);border-radius:20px;place-items:center;margin-bottom:30px;font-size:24px;font-weight:800;display:grid}.why-choose-content{border-bottom:1px solid var(--divider-color);flex:1;margin-bottom:30px;padding-bottom:30px}.why-choose-content h3{margin-bottom:24px;font-size:24px}.why-choose-content p{margin:0}.objective-details,.procurement-list{gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid}.objective-details li,.procurement-list li{padding-left:24px;font-size:15px;position:relative}.objective-details li:before,.procurement-list li:before{content:">";font-family:var(--accent-font);color:var(--accent-color);font-weight:800;position:absolute;top:0;left:0}.why-choose-counter h3{margin-bottom:5px;font-size:56px}.why-choose-counter p{text-transform:capitalize;margin:0}.our-service{background:var(--white-color);padding:100px 0 70px}.service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;display:grid}.service-item{text-align:center;border-radius:40px;min-height:430px;position:relative;overflow:hidden}.service-image,.service-image img{width:100%;height:100%}.service-image img{object-fit:cover;transition:transform .45s}.service-item:before{content:"";z-index:1;background:linear-gradient(#0000 6%,#00000085 48%,#000000eb 100%);position:absolute;inset:0}.service-item:hover .service-image img{transform:scale(1.08)}.service-body{z-index:2;text-align:left;position:absolute;bottom:22px;left:24px;right:24px}.service-body-title h3{color:var(--white-color);margin-bottom:16px;font-size:22px}.service-content{opacity:0;max-height:0;transition:max-height .45s,opacity .35s;overflow:hidden}.service-item:hover .service-content,.service-item:focus-within .service-content{opacity:1;max-height:180px}.service-content p{color:var(--white-color);margin:0}.concept-section{background:var(--secondary-color)}.light-bg-section{background:0 0;padding:100px 0}.media-showcase{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:stretch;gap:34px;display:grid}.tv-showcase,.web-demo-card{border:1px solid var(--divider-color);background:var(--white-color);border-radius:40px}.tv-showcase{background:radial-gradient(circle at 70% 42%,#fdd1002e,#0000 32%),linear-gradient(145deg,#fff 0%,#f4fbff 56%,#e9f7fe 100%);flex-direction:column;min-height:620px;display:flex;overflow:hidden}.showcase-copy,.web-demo-copy{padding:30px}.showcase-copy h3,.web-demo-copy h3{margin-bottom:14px;font-size:28px}.showcase-copy p,.web-demo-copy p{margin:0}.tv-stage{flex:1;place-items:center;min-height:470px;padding:0 34px 34px;display:grid;position:relative}.tv-stage:before{content:"";filter:blur(10px);background:#2342882e;border-radius:50%;height:74px;position:absolute;bottom:28px;left:42px;right:42px}.tv-badge{z-index:4;font-family:var(--accent-font);color:var(--primary-color);background:#fdd100eb;border:1px solid #ffffff8c;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:800;position:absolute;box-shadow:0 16px 34px #12223b2e}.tv-badge-camera{top:28px;left:28px}.tv-badge-audio{background:var(--white-color);top:112px;right:26px}.tv-badge-printer{bottom:84px;right:34px}.tv-frame{z-index:2;border-radius:28px;width:min(380px,88%);position:relative;overflow:visible;transform:rotate(-2deg)}.tv-frame img{object-fit:contain;object-position:center;border-radius:28px;width:100%;height:auto;max-height:480px;box-shadow:0 28px 60px #12223b3d}.web-demo-card{min-height:620px;padding:28px}.web-demo-card .browser-dots{margin-bottom:22px}.web-demo-copy{margin-bottom:24px;padding:0}.iframe-shell{background:#09162f;border:10px solid #0f2450;border-radius:30px;height:360px;position:relative;overflow:hidden}.iframe-shell iframe{background:var(--white-color);transform-origin:0 0;border:0;width:238.1%;height:238.1%;display:block;position:absolute;top:0;left:0;transform:scale(.42)}.iframe-shell img{object-fit:cover;width:100%;height:100%;display:block}.web-demo-button{justify-content:center;width:100%;margin-top:24px}.app-example-section{margin-top:46px}.app-example-section .section-title{max-width:820px;margin-bottom:28px}.app-collage-card{border:1px solid var(--divider-color);background:var(--white-color);border-radius:34px;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:32px;padding:28px;display:grid;overflow:hidden;box-shadow:0 24px 60px #12223b1f}.app-collage-stack{min-height:430px;position:relative}.app-collage-stack:before{content:"";filter:blur(12px);background:#23428824;border-radius:50%;height:60px;position:absolute;bottom:16px;left:8%;right:8%}.app-shot{background:var(--white-color);object-fit:cover;object-position:top center;border:8px solid #102652;border-radius:24px;width:100%;max-width:220px;height:390px;position:absolute;box-shadow:0 26px 46px #12223b33}.app-shot-1{top:26px;left:7%;transform:rotate(-8deg)}.app-shot-2{z-index:2;top:0;left:50%;transform:translate(-50%)}.app-shot-3{top:38px;right:7%;transform:rotate(8deg)}.app-collage-copy h3{margin-bottom:14px;font-size:30px}.app-collage-copy p{margin-bottom:22px}.app-collage-copy div{flex-wrap:wrap;gap:10px;display:flex}.app-collage-copy span{color:var(--primary-color);background:var(--secondary-color);border-radius:999px;padding:9px 12px;font-size:13px;font-weight:800}.mockup-layout{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:stretch;gap:34px;display:grid}.display-mockup{background:#09162f;border-radius:40px;min-height:550px;padding:42px 42px 76px;position:relative;box-shadow:0 34px 80px #12223b38}.display-mockup:after{content:"";background:#ffffff24;border-radius:999px;height:20px;position:absolute;bottom:24px;left:18%;right:18%}.display-camera{background:var(--accent-color);border-radius:999px;width:68px;height:12px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.display-screen{height:100%;min-height:430px;color:var(--white-color);background:linear-gradient(135deg, #234288e6, #07142cfa), var(--primary-color);border:10px solid #0f2450;border-radius:30px;flex-direction:column;justify-content:space-between;padding:24px;display:flex}.screen-topline,.screen-footer,.screen-programs,.projection-list{flex-wrap:wrap;gap:10px;display:flex}.screen-topline{justify-content:space-between}.screen-topline span,.screen-footer span,.screen-programs span,.projection-list span{color:var(--primary-color);background:var(--accent-color);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.screen-main{text-align:center;max-width:650px;margin:40px auto}.screen-main h3{color:var(--white-color);margin-bottom:12px;font-size:clamp(34px,5vw,62px)}.screen-main p{color:var(--white-color);margin:0 0 28px;font-size:20px}.screen-programs{justify-content:center}.screen-programs span{color:var(--white-color);background:#ffffff24}.screen-footer{justify-content:center}.screen-footer span{background:var(--white-color)}.web-example{border:1px solid var(--divider-color);background:var(--white-color);border-radius:40px;min-height:550px;padding:28px}.browser-dots{gap:8px;margin-bottom:24px;display:flex}.browser-dots span{background:var(--accent-color);border-radius:50%;width:12px;height:12px}.browser-dots span:nth-child(2){background:var(--secondary-color);box-shadow:inset 0 0 0 1px var(--divider-color)}.browser-dots span:nth-child(3){background:var(--primary-color)}.web-panel{background:var(--secondary-color);border-radius:28px;flex-direction:column;justify-content:space-between;min-height:470px;padding:30px;display:flex}.web-panel h3{margin-bottom:14px;font-size:32px}.web-panel p{color:var(--muted-color)}.projection-chart{background:var(--white-color);border-radius:24px;grid-template-columns:repeat(5,1fr);align-items:end;gap:14px;height:160px;padding:20px;display:grid}.projection-chart span{background:var(--primary-color);border-radius:999px 999px 8px 8px;display:block}.projection-chart span:first-child{height:42%}.projection-chart span:nth-child(2){background:var(--accent-color);height:72%}.projection-chart span:nth-child(3){height:58%}.projection-chart span:nth-child(4){background:var(--accent-color);height:88%}.projection-chart span:nth-child(5){height:66%}.projection-list{margin-top:22px}.projection-list span{color:var(--primary-color);background:var(--white-color)}.interaction-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px;display:grid}.interaction-step{background:var(--white-color);border-radius:26px;gap:18px;min-height:210px;padding:24px;display:flex}.interaction-step span{width:46px;height:46px;font-family:var(--accent-font);color:var(--primary-color);background:var(--accent-color);border-radius:15px;flex:0 0 46px;place-items:center;font-weight:800;display:grid}.interaction-step p{margin:0}.interaction-step h3{margin-bottom:10px;font-size:20px}.project-plan{margin-top:70px}.project-plan .section-title{max-width:780px;margin-bottom:34px}.project-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.project-plan-grid article{background:var(--white-color);border:1px solid var(--divider-color);border-radius:26px;min-height:260px;padding:26px}.project-plan-grid span{width:52px;height:52px;font-family:var(--accent-font);color:var(--primary-color);background:var(--accent-color);border-radius:16px;place-items:center;margin-bottom:22px;font-weight:800;display:grid}.project-plan-grid h3{margin-bottom:12px;font-size:21px}.project-plan-grid p{margin:0}.activity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}.activity-grid article{border:1px solid var(--divider-color);background:var(--white-color);border-radius:26px;min-height:190px;padding:26px}.activity-grid h3{margin-bottom:12px;font-size:22px}.activity-grid p{margin:0}.procurement-section{padding:100px 0 70px}.procurement-table{border:1px solid var(--divider-color);background:var(--white-color);border-radius:40px;overflow:hidden}.procurement-row{border-bottom:1px solid var(--divider-color);grid-template-columns:72px 1.2fr 1.55fr 120px 170px;display:grid}.procurement-row:last-child{border-bottom:0}.procurement-row>div{border-right:1px solid var(--divider-color);align-items:center;min-height:88px;padding:18px;font-size:15px;display:flex}.procurement-row>div:last-child{border-right:0}.procurement-head{background:var(--primary-color)}.procurement-head>div{min-height:72px;font-family:var(--accent-font);color:var(--white-color);font-weight:800}.procurement-row:not(.procurement-head)>div:first-child{font-family:var(--accent-font);color:var(--primary-color);background:var(--secondary-color);justify-content:center;font-size:22px;font-weight:800}.procurement-row:not(.procurement-head)>div:nth-child(2){font-family:var(--accent-font);color:var(--primary-color);font-weight:800}.procurement-row:not(.procurement-head)>div:last-child{color:var(--primary-color);font-weight:700}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.blog-item{border:1px solid var(--divider-color);background-color:var(--white-color);border-radius:40px;flex-direction:column;min-height:590px;display:flex;overflow:hidden}.post-featured-image{border-radius:40px 40px 0 0;overflow:hidden}.procurement-visual{background:linear-gradient(135deg, #234288f5, #0f2450eb), var(--primary-color);place-items:center;min-height:240px;display:grid;position:relative}.procurement-visual:before,.procurement-visual:after,.procurement-visual span{content:"";border:3px solid var(--accent-color);border-radius:24px;position:absolute}.procurement-visual:before{width:56%;height:48%}.procurement-visual:after{background:var(--accent-color);border-radius:999px;width:34%;height:10px;bottom:42px}.procurement-visual span{border-color:var(--white-color);width:22%;height:34%;transform:translate(95%,-26%)}.post-item-content{flex-direction:column;flex:1;padding:30px;display:flex}.post-item-body{flex:1}.post-item-body h3{margin-bottom:18px;font-size:24px}.post-item-body p{margin:0}.cta-box{background:var(--primary-color);padding:100px 0;position:relative}.cta-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:60px;display:grid}.cta-box .section-title{margin-bottom:0}.cta-box .section-title h2,.cta-box .section-title h3,.cta-box .section-title p{color:var(--white-color)}.cta-box .section-title h3{color:var(--accent-color)}.cta-panel{background:var(--accent-color);border-radius:40px;min-height:430px;padding:30px;position:relative}.cta-panel:before{content:"";background:#102652;border-radius:0 0 20px 20px;height:24px;position:absolute;bottom:-24px;left:18%;right:18%}.cta-panel-screen{background:var(--white-color);border:12px solid #102652;border-radius:30px;flex-direction:column;justify-content:center;gap:14px;height:100%;min-height:370px;padding:26px;display:flex}.cta-panel-screen span{font-family:var(--accent-font);color:var(--primary-color);background:var(--secondary-color);border-radius:18px;padding:14px 18px;font-weight:800}.main-footer{font-family:var(--accent-font);color:var(--white-color);background:var(--primary-color);padding:100px 0;font-weight:500}.footer-grid{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(220px,.75fr));gap:60px;display:grid}.footer-grid img{width:164px;height:auto;margin-bottom:40px}.footer-grid p{max-width:470px;color:var(--white-color);margin:0}.footer-links h3{color:var(--accent-color);margin-bottom:30px;font-size:24px}.footer-links ul{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:18px;padding-left:28px;position:relative}.footer-links li:before{content:">";color:var(--accent-color);position:absolute;top:0;left:0}@media (width<=1180px){.navbar{padding:20px 32px}.nav-menu-wrapper{gap:16px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.objective-grid{grid-template-columns:1fr}.why-choose-item{min-height:0}}@media (width<=900px){.container{width:min(100% - 40px,760px)}.main-header{margin:0}.navbar{min-height:76px;padding:18px 20px}.navbar-brand img{height:38px}.nav-menu-wrapper,.header-action{display:none}.hero.bg-section{border-radius:0;min-height:690px;margin:0;padding:150px 0 80px}.hero-content{text-align:left}.hero-actions{justify-content:flex-start}.section-title{margin-bottom:30px}.section-row{margin-bottom:40px}.section-row .section-title{text-align:left}.section-title h2{font-size:40px}.section-title h3{margin-bottom:14px}.hero-content .section-title p,.section-row .section-title p{margin-top:18px}.proposal-intro,.why-choose-us,.our-service,.light-bg-section,.procurement-section,.cta-box,.main-footer{padding:60px 0}.split-layout,.mockup-layout,.media-showcase,.cta-grid,.footer-grid{grid-template-columns:1fr}.split-layout,.cta-grid{gap:38px}.split-media,.split-media img{min-height:380px}.service-grid,.blog-grid,.interaction-list,.activity-grid,.project-plan-grid{grid-template-columns:1fr}.procurement-table{background:0 0;border:0;border-radius:30px}.procurement-head{display:none}.procurement-row{border:1px solid var(--divider-color);background:var(--white-color);border-radius:26px;grid-template-columns:1fr;margin-bottom:18px;overflow:hidden}.procurement-row:last-child{border-bottom:1px solid var(--divider-color);margin-bottom:0}.procurement-row>div{border-right:0;border-bottom:1px solid var(--divider-color);justify-content:space-between;align-items:flex-start;gap:22px;min-height:0;padding:16px 18px}.procurement-row>div:last-child{border-bottom:0}.procurement-row>div:before{content:attr(data-label);font-family:var(--accent-font);color:var(--primary-color);flex:0 0 42%;font-weight:800}.procurement-row:not(.procurement-head)>div:first-child{justify-content:space-between;font-size:16px}.service-item{min-height:390px}.blog-item{min-height:0}.service-content{opacity:1;max-height:none}.light-bg-section{margin:0}.display-mockup,.web-example{min-height:0}.display-screen,.web-panel{min-height:400px}.tv-showcase,.web-demo-card{min-height:0}.tv-frame img{max-height:520px}.app-collage-card{grid-template-columns:1fr}.app-collage-stack{min-height:430px}}@media (width<=560px){body{font-size:15px}.container{width:min(100% - 30px,520px)}.hero.bg-section{min-height:720px;padding-top:128px}.section-title h1{font-size:34px}.section-title h2{font-size:32px}.hero-content .section-title p{font-size:18px}.hero-actions,.screen-topline,.screen-footer,.projection-list{flex-direction:column;align-items:stretch}.btn-default{justify-content:flex-start;width:100%;font-size:16px}.why-choose-item,.display-mockup,.web-example,.web-demo-card,.post-item-content,.cta-panel,.showcase-copy{padding:22px}.tv-stage{min-height:390px;padding:0 18px 28px}.tv-badge{text-align:center;justify-self:stretch;margin-bottom:8px;position:relative;inset:auto}.tv-stage:before{left:24px;right:24px}.tv-frame{width:min(270px,84%);margin-top:12px}.tv-frame img{max-height:360px}.iframe-shell{height:280px}.iframe-shell iframe{width:312.5%;height:312.5%;transform:scale(.32)}.app-collage-card{padding:20px}.app-collage-stack{min-height:300px}.app-shot{border-width:6px;border-radius:18px;max-width:145px;height:260px}.app-shot-1{left:2%}.app-shot-3{right:2%}.display-screen{min-height:430px;padding:18px}.screen-main{margin:28px auto}.screen-main h3{font-size:34px}.screen-main p{font-size:17px}.interaction-step{flex-direction:column}.footer-grid{gap:36px}}