@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#07182c;--blue:#1368fa;--muted:#647084;--line:#dfe5ee;--paper:#f5f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:white}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #579aff;outline-offset:5px}header{height:94px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}.brand{height:72px;width:165px;overflow:hidden;position:relative}.brand img{position:absolute;width:185px;left:-10px;top:-57px}nav{display:flex;gap:32px;font-size:14px}nav a:hover,.text-link:hover{color:var(--blue)}.head-actions{display:flex;gap:22px;align-items:center}.lang{border:0;background:none;font-size:12px;font-weight:700}.btn{display:inline-flex;background:var(--blue);color:#fff;border:0;padding:18px 26px;align-items:center;justify-content:center;font-size:14px;font-weight:600;border-radius:5px;transition:transform .2s,background .2s}.btn:hover{background:#084fc9;transform:translateY(-2px)}.small{padding:13px 20px}.hero{padding:42px 6% 0;background:radial-gradient(ellipse at 85% 40%,#e8f0ff,transparent 55%),#fff}.hero-top,.hero-foot{display:flex;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;line-height:1.7}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--blue);margin-right:8px}.blue{color:var(--blue)}.edition{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:5%;padding:50px 0 65px}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(55px,6.4vw,98px);line-height:1.04;letter-spacing:-5px;margin:15px 0 25px;font-weight:600}h1 em{font-style:normal;color:var(--blue)}.hero-copy{font-size:18px;line-height:1.7;color:var(--muted);max-width:440px}.actions{display:flex;gap:26px;align-items:center;margin-top:32px}.text-link{font-size:14px;font-weight:600}.hero-note{font-size:11px;color:var(--muted);margin-top:40px}.art{height:440px;position:relative;isolation:isolate;background:linear-gradient(135deg,#10283f,#061322);border-radius:12px;overflow:hidden;box-shadow:0 30px 50px -30px #183e7680;display:grid;place-items:center}.art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:36px 36px}.monogram{font-family:Arial;font-weight:900;font-size:280px;color:#1b70ec;line-height:1;transform:rotate(-12deg);text-shadow:14px 14px 0 #084291,27px 27px 0 #062852;z-index:1}.orbit{border:1px solid #3774b333;border-radius:50%;width:390px;height:390px;position:absolute;transform:rotate(-35deg) scaleY(.6)}.o2{transform:rotate(45deg) scaleY(.65);width:510px;height:510px}.art-label{position:absolute;left:26px;right:26px;color:#8ea3bb;font-size:9px;letter-spacing:2px}.top{top:25px}.bottom{bottom:20px;display:flex;justify-content:space-between;align-items:center}.bottom b{color:#fff;font-size:27px}.chip{z-index:2;position:absolute;background:#ffffffed;box-shadow:0 8px 24px #0002;border:1px solid #fff;border-radius:6px;padding:13px 17px;font-size:11px;display:flex;gap:12px;align-items:center}.chip-one{top:100px;right:19px;transform:rotate(4deg)}.chip-two{bottom:93px;left:17px;transform:rotate(-3deg)}.chip i{width:6px;height:6px;border-radius:50%;background:#21b780}.hero-foot{padding:20px 0;border-top:1px solid var(--line);font-size:9px;letter-spacing:1px;color:var(--muted)}.brand-strip{background:var(--paper);padding:32px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand-strip>span{font-size:9px;letter-spacing:1.5px;max-width:110px;line-height:1.8;color:var(--muted)}.brand-strip b{font-size:20px;letter-spacing:-.6px;color:#45556a}.pacha{font-family:Georgia,serif;font-style:italic}.section{padding:100px 6%;scroll-margin-top:0}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:45px}h2{font-size:clamp(32px,3.6vw,53px);letter-spacing:-2px;line-height:1.14;margin:18px 0 0;font-weight:600}.section-title>p{max-width:360px;color:var(--muted);font-size:14px;line-height:1.8;margin:0}.service-row{border-top:1px solid var(--line);display:grid;grid-template-columns:65px 1fr 1fr 30px;gap:25px;padding:28px 0;align-items:start}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row .num{color:var(--blue);font-size:11px;padding-top:7px}.service-row h3{font-size:23px;letter-spacing:-.6px;margin:0;font-weight:500}.service-row p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.service-row>a{color:var(--blue);font-size:25px}.portfolio{background:var(--paper)}.filters{display:flex;gap:8px;margin-bottom:30px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:transparent;border-radius:30px;padding:10px 20px;font-size:12px}.filters .active{background:var(--ink);color:white;border-color:var(--ink)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project-card{min-width:0}.project-visual{height:260px;position:relative;padding:28px;overflow:hidden;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;background:var(--bg);color:var(--fg)}.project-visual:after{content:'';position:absolute;width:240px;height:240px;right:-60px;bottom:-110px;border:40px solid currentColor;opacity:.06;border-radius:50%}.project-visual small{font-size:9px;letter-spacing:2px;opacity:.65}.project-visual strong{font-family:Manrope,Arial;font-size:clamp(25px,3vw,43px);letter-spacing:-1.5px;line-height:1.1;font-weight:600;max-width:90%}.project-visual .project-line{height:1px;background:currentColor;opacity:.15;width:100%}.project-meta{display:flex;align-items:start;justify-content:space-between;padding:18px 0;gap:20px}.project-meta h3{font-size:17px;margin:0 0 7px}.project-meta p{margin:0;font-size:12px;color:var(--muted)}.project-meta button{border:1px solid #cbd5e0;background:white;border-radius:50%;height:36px;width:36px;flex-shrink:0}.project-meta button:hover{background:var(--blue);color:#fff}.fine{font-size:11px;line-height:1.8;color:var(--muted);margin-top:22px}.process{background:var(--ink);color:#fff}.process>.eyebrow{color:#7da5e8}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;margin-top:55px}.step{border-top:1px solid #ffffff30;padding-top:20px}.step span{font-size:12px;color:#74a7ff}.step h3{font-size:16px;font-weight:500;margin:25px 0 12px}.step p{font-size:12px;line-height:1.8;color:#9bacbf}.packages{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.package{border:1px solid var(--line);border-radius:8px;padding:27px 22px;display:flex;flex-direction:column}.package.featured{border-color:var(--blue);background:#f7faff}.package>small{font-size:9px;letter-spacing:1.4px;color:var(--blue);min-height:15px}.package h3{font-size:17px;margin:18px 0}.price{font-family:Manrope;font-size:33px;font-weight:600;letter-spacing:-1px}.price small{display:block;font-family:'DM Sans';font-size:10px;color:var(--muted);letter-spacing:0;font-weight:400;margin-bottom:5px}.package ul{padding:0;list-style:none;font-size:12px;line-height:1.8;color:var(--muted);flex:1;margin:25px 0}.package li{padding:7px 0;border-bottom:1px solid var(--line)}.package a{font-size:12px;color:var(--blue);font-weight:700}.estimator{margin-top:60px;display:grid;grid-template-columns:1.3fr 1fr;background:var(--paper);border-radius:10px;overflow:hidden}.estimator>div{padding:40px}.estimator h3{font-size:27px;letter-spacing:-1px;margin:15px 0 30px}.estimator label{display:block;font-size:12px;margin:20px 0 10px}.estimator select{width:100%;background:white;padding:14px;border:1px solid var(--line);border-radius:4px;color:var(--ink)}#pages{width:100%;accent-color:var(--blue)}#page-count{float:right;color:var(--blue)}.feature-options{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.feature-options label{display:flex;align-items:center;gap:8px;font-size:11px}.feature-options input{accent-color:var(--blue)}.estimator aside{background:#1159d1;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:45px}.estimator aside p{font-size:13px;line-height:1.7;color:#d3e3ff}.estimator aside small{font-size:10px;line-height:1.7;margin-top:20px;color:#c6dbff}#total{font-family:Manrope;font-size:54px;letter-spacing:-2px;margin:22px 0 6px}.white{background:#fff;color:var(--ink)}.white:hover{background:#e6efff}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:center;background:#f5f2ed}.portrait{position:relative;max-width:430px}.portrait img{width:100%;display:block;border-radius:8px}.portrait>span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#041226);color:white;padding:60px 25px 25px;border-radius:0 0 8px 8px;font-size:21px}.portrait small{font-size:9px;letter-spacing:1.3px}.about p{font-size:14px;line-height:1.9;color:#617081;max-width:550px}.about .text-link{display:inline-block;margin-top:16px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:8%}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-size:14px;cursor:pointer;font-weight:500}.faq details p{font-size:13px;line-height:1.8;color:var(--muted)}.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;background:var(--ink);color:white}.contact h2{font-size:56px}.contact>div>p{max-width:360px;font-size:14px;line-height:1.8;color:#9bacbf}.contact>div>.fine{font-size:11px;color:#8297b0}.wa-inline{background:none;color:#86ddb0;border:0;border-bottom:1px solid #86ddb050;padding:10px 0;font-size:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}form label{display:block;font-size:11px;margin-bottom:20px}form input,form select,form textarea{display:block;width:100%;color:white;background:#10243a;border:1px solid #2a3c52;padding:13px;margin-top:8px;border-radius:4px;outline-color:#609aff}form textarea{resize:vertical}form .fine{color:#93a8c1;font-size:10px}#form-status{font-size:12px;color:#86ddb0}footer{padding:40px 6% 90px;display:flex;justify-content:space-between;gap:30px}footer b{font-size:23px;letter-spacing:2px}footer b span{display:block;font-size:9px;letter-spacing:4px;color:var(--blue);margin-top:6px}footer p{font-size:11px;color:var(--muted)}footer>div:last-child{text-align:right}footer span,footer button{font-size:10px;color:var(--muted)}.legal{background:none;border:0;padding:10px;margin-bottom:6px}.floating-wa{position:fixed;right:25px;bottom:23px;z-index:11;display:flex;align-items:center;gap:10px;border:1px solid #ffffff50;border-radius:50px;color:white;background:#168a52;padding:12px 20px;box-shadow:0 5px 20px #0002;font-size:12px}.floating-wa svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6}dialog{border:0;border-radius:12px;padding:45px;max-width:570px;width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#031226b3;backdrop-filter:blur(5px)}#close-modal{position:absolute;right:15px;top:10px;font-size:28px;border:0;background:none;color:var(--muted)}dialog h2{font-size:30px;margin:10px 0 20px}dialog p{font-size:14px;line-height:1.8;color:var(--muted)}dialog .eyebrow{color:var(--blue)}@media(min-width:1600px){header,.section,.hero,.brand-strip,footer{padding-left:max(6%,calc((100vw - 1400px)/2));padding-right:max(6%,calc((100vw - 1400px)/2))}}@media(max-width:1000px){nav{gap:18px}.edition{display:none}.hero-grid{gap:30px}h1{letter-spacing:-3px}.art{height:370px}.monogram{font-size:220px}.chip{font-size:9px;padding:10px}.packages{grid-template-columns:1fr 1fr}.section{padding:70px 6%}.steps{gap:15px}.section-title{gap:30px}.brand-strip b{font-size:15px}.contact{gap:40px}.contact h2{font-size:42px}}@media(max-width:700px){header{height:78px;padding:0 5%}.brand{width:140px}.brand img{width:170px;top:-50px}nav{display:none}.head-actions{gap:10px}.small{padding:12px 15px}.hero{padding:25px 6% 0}.hero-grid{grid-template-columns:1fr;padding:28px 0}.hero-top .eyebrow{font-size:8px}.hero h1{font-size:62px;letter-spacing:-3px}.hero-copy{font-size:16px}.hero-note{margin-top:24px}.art{height:320px;margin-top:15px}.monogram{font-size:230px}.chip-one{top:65px}.chip-two{bottom:65px}.hero-foot{flex-direction:column;gap:8px;font-size:8px}.brand-strip{flex-wrap:wrap;justify-content:center;padding:22px 6%;gap:17px 25px}.brand-strip>span{max-width:none;width:100%;text-align:center}.section-title{display:block}.section-title>p{margin-top:22px;max-width:none}h2{font-size:36px;letter-spacing:-1.5px}.service-row{grid-template-columns:25px 1fr 20px;gap:10px}.service-row h3{font-size:19px}.service-row p{grid-column:2;grid-row:2}.service-row>a{grid-column:3;grid-row:1}.project-grid{grid-template-columns:1fr}.project-visual{height:230px}.project-visual strong{font-size:36px}.steps{grid-template-columns:1fr 1fr;gap:25px}.step h3{margin-top:16px}.packages{gap:12px}.package{padding:20px 15px}.price{font-size:28px}.package h3{font-size:15px}.package li{font-size:11px}.estimator{grid-template-columns:1fr}.estimator>div,.estimator aside{padding:27px}.feature-options{gap:0 8px}.about,.faq,.contact{grid-template-columns:1fr;gap:35px}.portrait{max-width:330px}.about>div:last-child{order:-1}.contact h2{font-size:45px}.form-row{gap:12px}footer{flex-direction:column;padding-bottom:95px}footer>div:last-child{text-align:left}.floating-wa{right:15px;bottom:15px}.actions{gap:20px}.actions .btn{padding:16px 19px}.actions .text-link{font-size:12px}dialog{padding:34px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Expanded editorial portfolio */
.menu-toggle{display:none;background:none;border:0;font-size:24px;color:var(--ink)}.hero{background:radial-gradient(ellipse at 80% 30%,#e4edff,transparent 60%),#f8faff}.hero-grid{grid-template-columns:1fr 1.1fr;gap:4%;min-height:640px}.hero h1{font-size:clamp(48px,5vw,78px);letter-spacing:-3.8px;line-height:1.08}.hero h1 em{display:block}.showcase-art{position:relative;height:490px;isolation:isolate}.showcase-orbit{position:absolute;inset:20px -10px 20px 30px;background:linear-gradient(145deg,#0b2d5b,#082040 60%,#1268ec);border-radius:28px;transform:rotate(-3deg);box-shadow:0 35px 70px -40px #07306c}.showcase-kicker{position:absolute;top:43px;left:52px;font-size:8px;color:#8fb7ef;letter-spacing:1.8px}.hero-screen{position:absolute;background:white;border:5px solid #fff;border-radius:9px;overflow:hidden;box-shadow:0 18px 40px #0004;display:block}.hero-screen img{display:block;width:100%;height:auto}.screen-back{width:56%;height:340px;top:82px;right:4px;transform:rotate(7deg)}.screen-front{width:68%;height:285px;top:135px;left:0;transform:rotate(-6deg);z-index:2}.screen-mini{width:23%;height:188px;right:-10px;bottom:35px;z-index:3;transform:rotate(5deg);border-radius:13px;border-width:6px}.showcase-caption{position:absolute;bottom:0;left:35px;font-size:9px;display:flex;align-items:center;gap:8px;color:#55708e;max-width:75%}.showcase-caption i{width:6px;height:6px;flex-shrink:0;background:#267fff;border-radius:50%}.browser-bar{display:flex;align-items:center;gap:4px;height:30px;background:#fff;border-bottom:1px solid #e7ebf0;padding:0 10px;position:relative;z-index:1;color:#738091}.browser-bar i{width:5px;height:5px;background:#d4dce8;border-radius:50%}.browser-bar i:first-child{background:#efa3a3}.browser-bar i:nth-child(2){background:#e9cf91}.browser-bar i:nth-child(3){background:#96cdb1}.browser-bar span{font-size:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:auto;letter-spacing:0}.browser-bar b{font-size:12px;font-weight:400}.hero-screen .browser-bar{height:22px}.hero-screen .browser-bar span{font-size:7px}.brand-strip b{font-size:16px}.studio-intro{padding:70px 6%;display:grid;grid-template-columns:1.25fr 1fr;gap:8%;border-bottom:1px solid var(--line)}.studio-intro h2{font-size:32px;line-height:1.3;letter-spacing:-1px}.studio-intro p{font-size:14px;line-height:1.9;color:var(--muted)}.scope-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.scope-tags span{font-size:10px;background:#eff4fc;color:#28507c;border:1px solid #dde7f6;padding:8px 12px;border-radius:30px}.service-more{margin-top:30px}.portfolio-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:15px}.portfolio-tools .filters{margin:0}.search-label{font-size:9px;color:var(--muted);display:block}.search-label input{display:block;padding:10px 13px;width:220px;margin-top:5px;border:1px solid var(--line);border-radius:5px;background:white;font-size:12px}#portfolio-count{font-size:10px;color:var(--muted);margin:20px 0}.project-grid{gap:42px 28px}.project-card{background:#fff;border:1px solid #e0e6ef;border-radius:10px;overflow:hidden;transition:box-shadow .2s,transform .2s}.project-card:hover{box-shadow:0 18px 45px #15376a13;transform:translateY(-3px)}.screenshot-window{display:block;background:#e5edf8;overflow:hidden;padding:22px 22px 0;position:relative}.screenshot-window>.browser-bar{border-radius:6px 6px 0 0;box-shadow:0 5px 20px #0a1d3820}.screen-crop{height:300px;overflow:hidden;position:relative;background:#fff;box-shadow:0 4px 20px #0a1d3820}.screen-crop:after{content:'';position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(transparent,#0000000d);pointer-events:none}.screen-crop img{width:100%;height:auto;display:block;transition:transform 3s ease}.screenshot-window:hover .screen-crop img{transform:translateY(-65px)}.project-meta{padding:22px 24px 10px}.project-meta h3{font-size:19px;margin:8px 0}.project-meta p{font-size:12px;line-height:1.7;min-height:40px;max-width:95%}.project-category{font-size:8px;letter-spacing:1.5px;color:var(--blue)}.project-actions{padding:12px 24px 24px;display:flex;justify-content:space-between;gap:15px;font-size:11px;font-weight:600}.project-actions a:first-child{color:var(--blue)}.project-actions a:hover{text-decoration:underline}.project-cover{height:300px;display:flex;flex-direction:column;justify-content:center;padding:35px;background:radial-gradient(ellipse at bottom right,#1857a2,transparent),#09203b;color:#fff;gap:20px}.project-cover strong{font-family:Manrope;font-size:34px;line-height:1.1;letter-spacing:-1px}.project-cover small{color:#8fb5e5;font-size:8px;letter-spacing:2px}.project-cover span,.project-cover p{font-size:12px;line-height:1.8;color:#afc8e9}.page-hero{background:radial-gradient(ellipse at top right,#164e92,transparent 65%),#07182c;color:white;padding:65px 6% 80px}.page-hero>.eyebrow{display:block;color:#8ebaff;margin:15px 0 25px}.page-hero h1{font-size:clamp(40px,5vw,72px);max-width:1000px;letter-spacing:-3px;line-height:1.14}.page-hero>p{max-width:660px;color:#aabdD5;font-size:16px;line-height:1.8}.back-link{display:inline-block;color:#9ab4d4;font-size:12px;margin-bottom:22px}.project-heading h1{max-width:900px}.project-heading .text-link{color:#bed5f3}.directory-nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:35px}.directory-nav button{border:1px solid var(--line);border-radius:25px;background:#fff;font-size:12px;padding:12px 20px}.directory-nav .active{background:var(--ink);color:white;border-color:var(--ink)}.project-overview{display:grid;grid-template-columns:1.3fr 1fr;gap:12%;padding-top:65px;padding-bottom:65px}.project-overview h2{font-size:34px;margin-bottom:22px}.project-overview p{font-size:14px;line-height:1.8;color:var(--muted)}.project-overview aside{background:var(--paper);padding:30px;border-radius:8px}.project-overview ul{list-style:none;padding:0}.project-overview li{padding:13px 0;font-size:13px;border-bottom:1px solid var(--line)}.project-overview small{font-size:10px;color:var(--muted);line-height:1.7}.screenshot-gallery{background:#eaf0f8;text-align:center}.screenshot-gallery h2{margin-bottom:20px}.screenshot-gallery>p{color:var(--muted);font-size:13px;line-height:1.8;max-width:650px;margin:0 auto 30px}.full-capture{max-height:850px;overflow:auto;max-width:820px;margin:30px auto;border:10px solid #fff;border-radius:8px;box-shadow:0 20px 50px #19375920;background:#fff}.full-capture img{width:100%;height:auto;display:block}.related{margin-top:35px}.service-detail{display:grid;grid-template-columns:60px 1fr 1fr;gap:35px;padding:40px 0;border-bottom:1px solid var(--line)}.service-detail:first-child{padding-top:0}.detail-number{font-size:13px;color:var(--blue);padding-top:22px}.service-detail h2{font-size:30px;margin:10px 0 20px;letter-spacing:-1px}.service-detail p{font-size:14px;color:var(--muted);line-height:1.8;max-width:450px}.service-detail .text-link{display:inline-block;margin-top:15px;color:var(--blue)}.service-detail ul{list-style:none;padding:8px 0 0;margin:0}.service-detail li{padding:14px 0;font-size:13px;border-bottom:1px solid var(--line)}.service-detail li:before{content:'↗';color:var(--blue);margin-right:14px}.handover-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}.handover-grid article{border-top:1px solid #36506e;padding-top:15px}.handover-grid h3{font-size:18px}.handover-grid p{font-size:13px;line-height:1.8;color:#9ab0ca}.scope-boundaries>p{max-width:700px;line-height:1.9;color:var(--muted);font-size:14px;margin:25px 0}.industry-section{background:#eef3fa}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.industry-grid article{padding:28px;background:white;border:1px solid var(--line);border-radius:8px}.industry-grid .industry-icon{color:var(--blue);font-size:25px}.industry-grid h3{font-size:18px;letter-spacing:-.5px}.industry-grid p{font-size:12px;line-height:1.8;color:var(--muted)}.industry-grid a{font-size:11px;color:var(--blue);font-weight:600}.ecosystem{padding:65px 6%;background:linear-gradient(110deg,#07182c,#103963);color:white;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.ecosystem h2{font-size:36px}.ecosystem p{font-size:14px;line-height:1.9;color:#b0c4df}.ecosystem-links{display:flex;flex-wrap:wrap;gap:10px}.ecosystem-links a{padding:12px 15px;background:#ffffff0a;border:1px solid #ffffff30;border-radius:5px;font-size:11px}.ecosystem-links a:hover{background:#1d5da7}.deliverables{margin-top:50px;overflow-x:auto}.deliverables table{width:100%;border-collapse:collapse;font-size:12px;min-width:570px}.deliverables th,.deliverables td{text-align:left;padding:18px 14px;border-bottom:1px solid var(--line)}.deliverables th{background:var(--paper);font-weight:600}.deliverables td:first-child{font-weight:600}.deliverables caption{text-align:left;font-family:Manrope;font-size:24px;font-weight:600;padding-bottom:20px}.portfolio-feature{padding-top:60px;padding-bottom:60px}.portfolio-feature>.section-title{margin-bottom:28px}.portfolio-feature .project-grid{grid-template-columns:1fr 1fr 1fr}.portfolio-feature .screen-crop{height:225px}.portfolio-feature .project-meta h3{font-size:16px}.portfolio-feature .project-meta{padding:18px 18px 8px}.portfolio-feature .project-actions{padding:10px 18px 20px;font-size:10px}.portfolio-feature .screenshot-window{padding:14px 14px 0}@media(max-width:1000px){.hero-grid{min-height:auto}.showcase-art{height:430px}.screen-back{height:285px}.screen-front{height:250px}.screen-mini{height:155px}.hero h1{font-size:54px}.brand-strip{flex-wrap:wrap}.portfolio-tools{align-items:start;flex-direction:column}.portfolio-feature .project-grid{grid-template-columns:1fr 1fr}.portfolio-feature .project-card:last-child{display:none}.service-detail{gap:20px;grid-template-columns:35px 1fr 1fr}.industry-grid{grid-template-columns:1fr 1fr}.screen-crop{height:260px}}@media(max-width:700px){.menu-toggle{display:block;margin-left:auto;margin-right:10px}.head-actions{gap:5px}header{flex-wrap:wrap}.brand{width:125px}header nav.mobile-open{display:flex;position:absolute;top:78px;left:0;right:0;background:white;padding:24px;flex-wrap:wrap;box-shadow:0 10px 20px #0002;border-top:1px solid var(--line)}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:49px;letter-spacing:-2.5px}.showcase-art{height:405px;margin:10px 0 20px}.showcase-orbit{inset:15px 5px 15px}.showcase-kicker{top:38px;left:28px;font-size:7px}.screen-front{top:130px;width:73%;height:225px}.screen-back{right:15px;top:70px;height:270px;width:62%}.screen-mini{right:0;bottom:42px;height:155px;width:25%}.showcase-caption{left:18px;bottom:-8px;font-size:8px}.studio-intro,.project-overview,.ecosystem{grid-template-columns:1fr;gap:25px;padding:50px 6%}.studio-intro h2{font-size:28px}.brand-strip{gap:18px}.brand-strip b{font-size:13px}.filters{gap:6px}.filters button{font-size:10px;padding:9px 13px}.search-label,.search-label input{width:100%}.portfolio-tools{align-items:stretch}.screen-crop{height:290px}.project-grid{gap:24px}.project-meta h3{font-size:18px}.page-hero{padding:40px 6% 50px}.page-hero h1{font-size:40px;letter-spacing:-1.7px}.page-hero>p{font-size:14px}.service-detail{grid-template-columns:25px 1fr;gap:15px}.service-detail ul{grid-column:2}.service-detail h2{font-size:26px}.handover-grid{grid-template-columns:1fr 1fr;gap:20px}.industry-grid{grid-template-columns:1fr}.industry-grid article{padding:24px}.portfolio-feature .project-grid{grid-template-columns:1fr}.portfolio-feature .project-card:last-child{display:block}.portfolio-feature .screen-crop{height:260px}.full-capture{max-height:650px;border-width:5px}.directory-nav{gap:8px}.directory-nav button{padding:10px 13px;font-size:11px}.project-heading .actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.screenshot-window:hover .screen-crop img{transform:none}.project-card:hover{transform:none}}
/* Readable horizontal header lockup using the original H symbol. */
header .brand{display:flex;align-items:center;gap:13px;width:236px;height:72px;overflow:visible;flex:0 0 236px;position:relative}
header .brand-symbol{position:relative;display:block;flex:0 0 58px;width:58px;height:62px;overflow:hidden}
header .brand-symbol img{position:absolute;display:block;width:169px;max-width:none;height:169px;left:-55px;top:-40px}
header .brand-wordmark{display:flex;flex-direction:column;gap:7px;white-space:nowrap;line-height:1}
header .brand-wordmark strong{font-family:Manrope,Arial,sans-serif;font-size:27px;font-weight:700;letter-spacing:2.1px;color:#07182c}
header .brand-wordmark>span{font-size:11px;font-weight:600;letter-spacing:3.5px;color:#1368fa}
@media(max-width:1000px) and (min-width:701px){header{padding-left:4%;padding-right:4%}header .brand{width:207px;flex-basis:207px;gap:9px}header .brand-wordmark strong{font-size:23px;letter-spacing:1.6px}header .brand-wordmark>span{font-size:10px;letter-spacing:2.9px}header nav{gap:15px}header .head-actions{gap:12px}}
@media(max-width:700px){header .brand{width:183px;flex-basis:183px;height:66px;gap:9px}header .brand-symbol{width:44px;height:48px;flex-basis:44px}header .brand-symbol img{width:129px;height:129px;left:-42px;top:-30px}header .brand-wordmark{gap:6px}header .brand-wordmark strong{font-size:22px;letter-spacing:1.4px}header .brand-wordmark>span{font-size:9px;letter-spacing:2.65px}header .menu-toggle{padding:5px;margin-right:4px}header .head-actions .small{padding:11px 10px;font-size:12px}header .lang{padding:5px}}
@media(max-width:380px){header{padding-left:12px;padding-right:12px}header .brand{width:154px;flex-basis:154px;gap:7px}header .brand-wordmark strong{font-size:20px;letter-spacing:1px}header .brand-wordmark>span{font-size:8px;letter-spacing:2.6px}header .head-actions .small{padding:10px 7px;font-size:11px}}
/* Shared locale selector and bidirectional typography. */
.language-control{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:6px;padding:8px;background:#fff;color:var(--ink);flex-shrink:0}
.language-control>span{color:var(--blue);font-size:18px;line-height:1}
.language-control select{width:126px;max-width:100%;border:0;background:transparent;color:var(--ink);font-size:12px;cursor:pointer;outline-offset:5px}
[dir="rtl"]{text-align:right}[dir="rtl"] header .brand,[dir="rtl"] .showcase-art,[dir="rtl"] .browser-bar,[dir="rtl"] .screen-crop,[dir="rtl"] .full-capture,[dir="rtl"] .portrait,[dir="rtl"] .brand-strip,[dir="rtl"] .floating-wa svg{direction:ltr}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] .eyebrow,[dir="rtl"] .edition{letter-spacing:0;line-height:1.5}
[dir="rtl"] .eyebrow i{margin-right:0;margin-left:8px}[dir="rtl"] #page-count{float:left}[dir="rtl"] footer>div:last-child{text-align:left}[dir="rtl"] .deliverables th,[dir="rtl"] .deliverables td{text-align:right}
[dir="rtl"] .service-detail li:before{margin-right:0;margin-left:14px}[dir="rtl"] #close-modal{right:auto;left:15px}[dir="rtl"] .menu-toggle{margin-left:10px;margin-right:auto}
html:lang(zh-CN) h1,html:lang(zh-CN) h2,html:lang(zh-CN) h3{letter-spacing:0;line-height:1.35}
html:lang(ar) body,html:lang(fa) body{font-family:Tahoma,Arial,sans-serif}html:lang(ar) h1,html:lang(ar) h2,html:lang(fa) h1,html:lang(fa) h2{font-family:Tahoma,Arial,sans-serif}
header nav{flex-wrap:wrap;justify-content:center;row-gap:8px}.hero-grid>div{min-width:0}.btn,.text-link{overflow-wrap:anywhere}.project-meta h3{overflow-wrap:anywhere}
@media(max-width:1100px){header .language-control select{width:93px}header nav{gap:12px;font-size:12px}header .head-actions{gap:8px}.hero h1{font-size:clamp(38px,4.9vw,65px)}}
@media(max-width:700px){.language-control{padding:7px 5px;gap:3px}.language-control select{width:79px!important;font-size:11px}.language-control>span{font-size:15px}.head-actions .small{display:none}header .brand{flex-shrink:1}.hero h1{font-size:43px;line-height:1.15}header nav.mobile-open{font-size:14px;gap:20px}html[dir="rtl"] .hero h1{line-height:1.45}html[dir="rtl"] footer>div:last-child{text-align:right}}