@charset "utf-8";
:root{--ink:#102838;--dark:#071b29;--dark2:#0b2938;--mint:#a4efd6;--mint-bright:#74e7c6;--paper:#f8faf8;--muted:#71818b;--line:#e0e8e5;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #4bbaae;outline-offset:4px}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.044em}h2{font-size:clamp(2.25rem,4vw,3.65rem);line-height:1.15;font-weight:650}h2 span{color:#80918e}.wrap{width:min(1190px,calc(100% - 64px));margin:auto}.skip{position:absolute;top:-120px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:15px}.header{position:sticky;top:0;z-index:20;background:rgba(7,27,41,.97);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.09)}.navbar{display:flex;align-items:center;height:82px;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;color:white;flex-shrink:0}.brand .logo{height:41px;width:41px;border:1px solid rgba(164,239,214,.4);display:flex;align-items:center;justify-content:center;border-radius:12px;color:#dcfff1;font-size:30px;font-weight:800;letter-spacing:-4px;padding-right:6px;line-height:1}.brand .logo span{color:var(--mint-bright)}.brand strong{display:block;line-height:1;font-size:22px;letter-spacing:.085em}.brand small{display:block;font-size:9px;line-height:1.35;letter-spacing:.18em;color:#98b0b5;margin-top:5px}.navbar nav{margin-left:auto;display:flex;gap:36px}.navbar nav a{font-size:14px;color:#c4d1d5;transition:color .2s}.navbar nav a:hover{color:var(--mint)}.nav-contact{border:1px solid rgba(164,239,214,.36);color:white;font-size:14px;font-weight:600;padding:10px 17px;border-radius:10px;white-space:nowrap;transition:background .2s}.nav-contact:hover{background:#173c49}.nav-contact span{color:var(--mint);margin-left:8px}
.hero{background:var(--dark);color:#fff;position:relative;overflow:hidden}.hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 85% at 75% 45%,rgba(24,90,100,.28),transparent 78%),linear-gradient(90deg,transparent 50%,rgba(41,126,118,.04));opacity:.9}.hero:before{content:"";position:absolute;width:850px;height:850px;right:-280px;top:-380px;border-radius:50%;border:1px solid rgba(127,221,196,.07);box-shadow:0 0 0 80px rgba(127,221,196,.025),0 0 0 180px rgba(127,221,196,.013)}.hero-layout{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center;padding:104px 0 95px}.eyebrow,.section-id{font-size:11px;font-weight:800;letter-spacing:.17em}.eyebrow{color:#a4eed4;display:flex;align-items:center;gap:9px}.eyebrow i{display:inline-block;width:8px;height:8px;background:#87f0cb;border-radius:50%;box-shadow:0 0 16px #82e4be}.hero h1{font-size:clamp(3.55rem,5.6vw,6.05rem);line-height:1.03;font-weight:650;margin:26px 0 26px;letter-spacing:-.065em;max-width:680px}.hero h1 em{color:var(--mint);font-style:normal}.hero-copy>p{font-size:18px;line-height:1.75;color:#b0c2ca;max-width:550px}.hero-copy>p strong{font-weight:500;color:#fff}.hero-buttons{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:38px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border-radius:12px;padding:15px 21px;font-size:14px;font-weight:750;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn span{font-size:17px}.btn.primary{background:var(--mint);color:#08282a}.btn.primary:hover{background:#c1f6e3}.btn.secondary{color:#d5e7e5;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09)}.btn.secondary:hover{background:rgba(255,255,255,.11)}.hero-note{display:flex;align-items:center;gap:12px;margin-top:48px;font-size:12px;color:#8da5ad}.hero-note b{display:inline-block;height:1px;width:37px;background:var(--mint-bright)}
.hero-display{background:#0d2533;border:1px solid #325261;box-shadow:0 45px 90px rgba(0,0,0,.23),0 0 0 9px rgba(255,255,255,.014);border-radius:18px;overflow:hidden;transform:rotate(.8deg)}.display-top{height:57px;border-bottom:1px solid #294757;display:flex;align-items:center;gap:20px;padding:0 23px;font-size:10px;font-weight:800;letter-spacing:.115em;color:#b4cbd0}.dots{display:flex;gap:6px}.dots i{width:7px;height:7px;border-radius:50%;background:#4d6872}.dots i:first-child{background:#e8a289}.dots i:nth-child(2){background:#dfc77e}.dots i:nth-child(3){background:#80cbb1}.small-status{margin-left:auto;color:#81e2bb;font-size:9px;white-space:nowrap}.diagram{padding:33px 26px 35px}.diagram-box{display:flex;align-items:center;gap:16px;padding:19px 20px;border:1px solid #315363;border-radius:12px;background:#142f3e}.diagram-icon{height:43px;width:43px;border-radius:11px;background:#244657;display:grid;place-items:center;font-size:13px;font-weight:800;flex-shrink:0;color:#c9e4e9}.diagram-box strong{font-size:15px;font-weight:700;letter-spacing:-.018em;display:block;line-height:1.25;color:#effaf8}.diagram-box small{display:block;font-size:11px;color:#8eabb6;margin-top:5px;line-height:1.45}.diagram-box .arrow{margin-left:auto;color:#98d4c2}.diagram-link{display:flex;flex-direction:column;align-items:center;height:64px;justify-content:center;gap:2px}.diagram-link span{display:block;height:16px;width:1px;background:#3e827d}.diagram-link small{color:#6faaa3;text-transform:uppercase;font-size:9px;letter-spacing:.13em}.diagram-core{background:linear-gradient(130deg,#204f53,#1a4a43);border:1px solid #559482}.diagram-core .diagram-icon{height:56px;width:56px;background:#2c6863;color:#beffe2;font-size:30px;border-radius:50%}.diagram-core .core-tag{color:#95edcf;letter-spacing:.12em;font-size:9px;margin:0 0 4px}.diagram-core strong{font-size:17px}.diagram-core small{color:#b6ddd2}.diagram-icon.check{background:#25463e;color:#9cecc8;font-size:22px}.display-bottom{border-top:1px solid #284655;padding:17px 24px;display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.1em;color:#8ca7b0;font-weight:700}.display-bottom i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint-bright);margin-right:6px}.keywords{position:relative;display:flex;justify-content:space-between;gap:13px;border-top:1px solid rgba(255,255,255,.11);padding:23px 0 25px;font-size:10px;font-weight:850;letter-spacing:.2em;color:#8199a4}.keywords b{color:#42666c;font-weight:400}
.section{padding:115px 0}.section-heading{display:grid;grid-template-columns:1.35fr .65fr;gap:40px;align-items:end;margin-bottom:50px}.section-id{color:#408c78;margin-bottom:20px}.section-heading h2{margin:0}.section-heading p{color:#6d7c83;line-height:1.85;max-width:345px;margin:0 0 6px;font-size:15px}.services{background:#fafcfb}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service{border:1px solid #dce5e1;border-radius:15px;padding:28px 23px 23px;min-height:336px;display:flex;flex-direction:column;background:white;transition:transform .22s,border-color .22s,box-shadow .22s}.service:hover{transform:translateY(-5px);border-color:#a4cfc0;box-shadow:0 16px 35px rgba(13,39,45,.08)}.service-top{display:flex;justify-content:space-between;align-items:center}.service-top span{font-size:11px;color:#8b9a9e;font-weight:700}.service-top b{font-size:32px;line-height:1;color:#307a6b;font-weight:400}.service h3{font-size:23px;line-height:1.2;font-weight:650;letter-spacing:-.038em;margin:34px 0 15px}.service p{color:#6b7d82;font-size:14px;line-height:1.75}.service-bottom{margin-top:auto;padding-top:18px;border-top:1px solid #e7eeeb;display:flex;justify-content:space-between;color:#4b9181;font-size:10px;letter-spacing:.12em;font-weight:800}.service-bottom span{font-size:19px;line-height:1}
.work{background:#ecf3f0}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project{border-radius:17px;overflow:hidden;background:white;border:1px solid #d6e2dc;transition:transform .22s,box-shadow .22s}.project:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(17,59,55,.1)}.project-art{height:218px;position:relative;overflow:hidden;display:grid;place-items:center}.art-screen{background:radial-gradient(circle at 40% 15%,#467e78,#143f4c)}.art-ordcat{background:radial-gradient(circle at 70% 10%,#c5bba1,#7b9f95)}.art-sultan{background:radial-gradient(circle at 40% 15%,#4a697a,#263b52)}.project-window{width:69%;height:142px;background:#f5fbf7;border-radius:9px 9px 2px 2px;box-shadow:0 17px 35px #08202c44;transform:rotate(-5deg);padding:0 12px 14px}.window-header{height:21px;display:flex;gap:4px;align-items:center}.window-header i{width:6px;height:6px;background:#91b9aa;border-radius:50%}.screen-large{background:#26495a;height:47px;border-radius:3px;margin:3px 3px 9px}.screen-tiles{display:flex;gap:7px;margin:0 3px}.screen-tiles i{height:39px;flex:1;background:#bad8c8;border-radius:3px}.screen-tiles i:nth-child(2){background:#7ab7ac}.screen-tiles i:nth-child(3){background:#d8e6d8}.art-ordcat .project-window{transform:rotate(5deg);background:#fffdf7}.catalog-list{display:grid;gap:8px}.catalog-list>div{height:26px;display:flex;gap:12px}.catalog-list i{height:26px;width:26px;border-radius:5px;background:#c2cfae}.catalog-list b{display:block;height:8px;width:44%;background:#b3c2b5;border-radius:2px;margin-top:4px}.catalog-list em{width:17%;height:8px;background:#dfb383;border-radius:2px;margin-top:4px;margin-left:auto}.catalog-list>div:nth-child(2) i{background:#e9be91}.catalog-list>div:nth-child(3) i{background:#a1bbc4}.art-sultan .project-window{background:#f5f9fa;display:flex;gap:8px;padding:15px 10px;transform:rotate(-3deg)}.cms-side{width:28%;background:#1c4053;border-radius:3px;padding:10px 5px;display:flex;flex-direction:column;gap:10px}.cms-side i{display:block;height:6px;background:#678c93;border-radius:3px}.cms-side i:nth-child(2){width:70%;background:#a4ddc7}.cms-body{flex:1;display:flex;flex-direction:column;gap:12px}.cms-body>b{height:15px;width:60%;background:#b4cccd;border-radius:3px}.cms-body>div{display:flex;gap:8px;flex:1}.cms-body>div i{background:#cadecf;flex:1;border-radius:4px}.cms-body>div i:last-child{background:#b0c8cb}.cms-body>em{height:12px;background:#d4e0df;border-radius:3px}.art-chip{position:absolute;bottom:17px;left:18px;background:rgba(255,255,255,.94);color:#244f4a;padding:5px 12px;border-radius:5px;font-size:9px;font-weight:850;letter-spacing:.1em}.project-content{padding:27px 25px 28px}.project-type{font-size:10px;color:#569687;letter-spacing:.12em;font-weight:850}.project h3{font-size:29px;margin:9px 0 12px;font-weight:650;display:flex;justify-content:space-between}.project h3 span{color:#71ad99;font-weight:400;font-size:23px}.project p{color:#718187;font-size:14px;line-height:1.75;min-height:75px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.tags span{background:#f1f5f3;color:#667d79;border-radius:5px;padding:4px 9px;font-size:10px;font-weight:600}
.approach{background:#fff}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.approach h2{margin-bottom:23px}.approach-grid>div>p{color:#6e7e85;line-height:1.85;max-width:430px}.text-link{display:inline-flex;gap:26px;border-bottom:1px solid #73baa5;padding-bottom:10px;margin-top:25px;font-size:14px;color:#287864;font-weight:800}.text-link span{font-size:18px}.steps{margin:0;list-style:none;padding:0}.steps li{display:flex;gap:30px;padding:27px 0;border-bottom:1px solid #e2eae6}.steps li:first-child{border-top:1px solid #e2eae6}.steps li>span{color:#47927b;font-size:12px;font-weight:800;padding-top:5px}.steps h3{font-size:24px;font-weight:650;margin:0 0 8px}.steps p{font-size:14px;color:#738187;line-height:1.75;margin:0}
.contact{background:#f7faf8;padding:0 0 75px}.contact-box{min-height:420px;padding:75px 8%;position:relative;border-radius:24px;background:#0d3040;color:white;overflow:hidden;display:flex;align-items:center}.contact-pattern{position:absolute;inset:0;background:radial-gradient(circle at 80% 42%,rgba(110,225,186,.2),transparent 40%),repeating-linear-gradient(125deg,transparent,transparent 29px,rgba(255,255,255,.015) 30px,transparent 31px)}.contact-text{position:relative;z-index:2;max-width:670px}.contact .section-id{color:#9ee9ce}.contact h2{font-size:clamp(2.7rem,5vw,4.5rem);margin:14px 0 20px;max-width:660px;color:#fff}.contact h2 em{font-style:normal;color:var(--mint)}.contact p{max-width:475px;color:#b5d0d2;font-size:16px;line-height:1.8;margin-bottom:25px}.contact-btn{background:#a8f3d8;color:#08262b}.contact-btn:hover{background:#c5ffe9}.contact-mark{position:absolute;right:5%;top:35%;font-size:250px;letter-spacing:-.14em;line-height:.8;color:rgba(151,226,206,.09);font-weight:800}.contact-mark span{color:rgba(151,226,206,.17)}
footer{background:#f7faf8;border-top:1px solid #e4ebe7}.footer-inner{display:flex;gap:36px;align-items:center;padding:30px 0;color:#6b7f83}.footer-logo{font-weight:850;font-size:22px;letter-spacing:.055em;color:#122c37;line-height:1}.footer-logo>span{color:#4caa8a}.footer-logo small{display:block;font-size:9px;color:#78908c;letter-spacing:.12em;margin-top:5px}.footer-inner>p{font-size:12px;margin:0}.back-top{margin-left:auto;font-size:12px;font-weight:800;color:#3c806e}.footer-inner>small{font-size:11px;white-space:nowrap}
@media(max-width:1100px){.hero-layout{gap:40px}.hero h1{font-size:clamp(3.6rem,5vw,5rem)}.service-grid{grid-template-columns:repeat(2,1fr)}.service{min-height:285px}.work-grid{gap:12px}.project-content{padding:22px 18px}.approach-grid{gap:60px}}
@media(max-width:780px){.wrap{width:min(100% - 38px,620px)}.navbar{height:70px}.navbar nav{display:none}.navbar .nav-contact{margin-left:auto}.hero-layout{padding:75px 0 65px;grid-template-columns:1fr;gap:55px}.hero h1{font-size:clamp(3.35rem,9vw,5rem);max-width:680px}.hero-display{max-width:570px;width:100%;margin:auto}.keywords{flex-wrap:wrap;justify-content:center;gap:12px 16px}.section{padding:76px 0}.section-heading{grid-template-columns:1fr;gap:15px;margin-bottom:35px}.section-heading p{max-width:590px}.work-grid{grid-template-columns:1fr;gap:22px}.project-art{height:245px}.project{max-width:610px}.project p{min-height:0}.approach-grid{grid-template-columns:1fr;gap:40px}.contact-box{padding:60px 8%;min-height:390px}.contact-mark{right:4%;font-size:180px}.footer-inner{flex-wrap:wrap;gap:20px 30px}.back-top{margin-left:auto}}
@media(max-width:520px){.wrap{width:calc(100% - 34px)}.brand .logo{height:37px;width:37px}.brand strong{font-size:20px}.brand small{font-size:8px}.nav-contact{font-size:12px;padding:8px 11px}.hero-layout{padding:68px 0 48px}.hero h1{font-size:clamp(3.15rem,12vw,4.5rem)}.hero-copy>p{font-size:16px}.eyebrow{font-size:9px}.hero-buttons{align-items:stretch}.hero-buttons .btn{width:100%}.hero-note{margin-top:30px}.hero-display{transform:none}.display-top{padding:0 13px;gap:8px;font-size:9px}.small-status{font-size:8px}.diagram{padding:23px 13px}.diagram-box{padding:14px 12px;gap:11px}.diagram-box small{font-size:10px}.diagram-icon{width:38px;height:38px}.diagram-core .diagram-icon{width:43px;height:43px;font-size:23px}.diagram-core strong{font-size:14px}.display-bottom{padding:14px;font-size:7px}.keywords{font-size:9px}.service-grid{grid-template-columns:1fr}.service{min-height:265px}.section-heading h2,.approach h2{font-size:2.25rem}.contact-box{padding:50px 25px}.contact h2{font-size:2.65rem}.contact-mark{opacity:.35}.contact-btn{width:100%}.footer-inner>p{width:100%;order:3}.footer-inner>small{order:4}.back-top{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}