*{box-sizing:border-box} :root{--paper:#f6f6f1;--ink:#111;--lime:#aae62d;--muted:#767670;--line:#deded7;--sans:Manrope,'DM Sans',Arial,sans-serif}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #718f22;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1,h2{font-weight:800;letter-spacing:-.065em;line-height:1.04}h2{font-size:clamp(38px,4.25vw,65px)}p{line-height:1.55}.wrap{width:min(1296px,calc(100% - 96px));margin-inline:auto}.section{padding-block:68px}fieldset{border:0;padding:0;margin:0}legend{padding:0;font-size:11px}.eyebrow{font-size:10px;letter-spacing:.16em;line-height:1.8;color:#73736e;font-weight:600;margin-bottom:14px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:38px}.section-heading>p{font-size:13px;line-height:1.5;max-width:310px;padding-top:8px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--lime);border-radius:40px;padding:14px 24px;font-weight:600;font-size:12px;transition:background .2s,box-shadow .2s}.pill:hover{background:#bcf347;box-shadow:0 6px 18px #00000010}.round{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--lime);border-radius:50%;font-size:27px}.outline-round{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;font-size:24px;flex-shrink:0;transition:background .2s}.outline-round:hover{background:var(--lime)}.outline-round.filled{background:var(--ink);color:white;border-color:var(--ink)}.skip{position:fixed;top:-80px;left:20px;background:var(--lime);padding:12px;z-index:1000}.skip:focus{top:10px}.header{display:flex;align-items:center;justify-content:space-between;gap:30px;height:94px;position:relative;z-index:5}.logo{width:195px;height:auto}.header nav,.footer nav{display:flex;gap:32px;font-size:12px;font-weight:600}.header nav a,.footer a{transition:opacity .2s}.header nav a:hover,.footer a:hover{opacity:.6}.header-right{display:flex;align-items:center;gap:28px}.language{font-size:10px;display:flex;gap:11px;align-items:center}.language b{font-weight:400;color:#aaa}.language .en{font-weight:800}.language .ar{font-family:'Noto Sans Arabic',sans-serif}.menu-toggle{display:none}.hero{min-height:650px;position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding-bottom:80px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(55px,5.7vw,88px);line-height:.99;letter-spacing:-.075em;white-space:nowrap}.hero h1 em{font-style:italic}.pressure{display:inline-block;transform-origin:left center;transition:transform .15s ease-out}.arabic-tag{font-family:'Noto Sans Arabic',sans-serif;font-weight:800;text-align:left;font-size:clamp(25px,3.1vw,47px);line-height:1.55;margin:12px 0}.hero-desc{font-size:17px;margin:18px 0}.hero-cta{display:inline-flex;align-items:center;gap:17px;font-weight:600;font-size:13px;margin-top:7px}.hero-art{height:570px;position:relative;perspective:1200px;margin-left:-55px}.art-grid{position:absolute;inset:25px 0;background-image:linear-gradient(#11111107 1px,transparent 1px),linear-gradient(90deg,#11111107 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 90%,transparent)}.fold{position:absolute;background:var(--lime);filter:drop-shadow(0 15px 20px #11111105);transition:transform .3s ease-out}.fold-a{width:71%;height:70%;top:0;left:2%;clip-path:polygon(0 25%,44% 0,100% 42%,47% 100%);background:linear-gradient(125deg,#d7ff7a 10%,#96c92a 44%,#cbff56 45%,#a0db29 80%)}.fold-b{width:69%;height:70%;right:-6%;top:8%;clip-path:polygon(0 40%,67% 0,100% 50%,35% 100%);background:linear-gradient(65deg,#91c525,#c7ff48 45%,#b3f12e 46%,#cbff5a)}.fold-c{width:65%;height:50%;bottom:0;left:0;clip-path:polygon(0 57%,67% 0,100% 90%,41% 100%);background:linear-gradient(30deg,#8bbc20,#c4ff4c 60%,#a2de1d 61%)}.fold-d{width:62%;height:53%;bottom:-2%;right:-5%;clip-path:polygon(0 49%,99% 0,75% 100%,12% 76%);background:linear-gradient(130deg,#c8ff62,#a8e32e 58%,#8fc01b 59%)}.art-note{position:absolute;right:-10px;top:35px;font-size:8px;letter-spacing:2px;line-height:2;color:#777;border-right:1px solid #aaa;padding-right:12px}.hero-laptop{position:absolute;left:11%;top:22%;width:85%;height:320px;background:#eeeae2;border:7px solid #191919;border-radius:10px 10px 5px 5px;transform:rotate(7deg) rotateY(-9deg);box-shadow:15px 25px 30px #0002;z-index:2}.mini-nav{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;font-size:7px;background:#f3f0e9;color:#111;gap:12px}.mini-nav b{font-size:15px;letter-spacing:-1px}.mini-arch{position:relative;height:calc(100% - 45px);overflow:hidden}.mini-arch h2{font:42px/.95 Georgia,serif;letter-spacing:-2px;position:relative;z-index:1;padding:25px 20px}.mini-arch p{position:absolute;bottom:30px;left:20px;font-size:8px;z-index:2}.mini-arch img{position:absolute;right:0;top:0;width:62%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 20%)}.laptop-base{position:absolute;bottom:-19px;left:-8%;width:116%;height:15px;background:linear-gradient(#ccc,#747474);clip-path:polygon(7% 0,93% 0,100% 70%,95% 100%,5% 100%,0 70%)}.diamond-pair{display:inline-flex;position:relative;width:37px;height:19px;flex-shrink:0}.diamond-pair:before,.diamond-pair:after{content:'';position:absolute;top:4px;width:13px;height:13px;background:var(--lime);transform:rotate(45deg)}.diamond-pair:before{left:3px}.diamond-pair:after{left:20px}.art-diamonds{position:absolute;top:92px;left:46%;z-index:3;transform:rotate(15deg);filter:brightness(.3)}.art-diamonds.bottom{top:auto;bottom:60px;left:auto;right:10%;transform:rotate(15deg) scale(1.3)}.measure{position:absolute;bottom:0;left:10%;font-size:8px;letter-spacing:2px;color:#666}.scroll-note{position:absolute;bottom:24px;left:0;display:flex;gap:20px;align-items:center;font-size:8px;letter-spacing:2px;color:#777}.scroll-note i{width:160px;border-top:1px solid #bbb}.tailor{border-top:1px solid #e9e9e2}.tailor-grid{display:grid;grid-template-columns:230px 1fr;gap:85px}.controls{padding-top:15px}.controls fieldset{margin-bottom:27px}.controls legend{font-size:9px;letter-spacing:2px;color:#777;margin-bottom:12px}.style-option{display:flex;align-items:center;gap:14px;border:1px solid #e1e1da;border-radius:10px;width:100%;padding:11px 14px;margin-bottom:8px;text-align:left;font-size:12px;transition:background .25s}.style-option i{width:12px;height:12px;border:1px solid #ccc;box-shadow:0 2px 4px #0002;border-radius:50%;background:#fff}.style-option.active{background:var(--lime);border-color:var(--lime)}.style-option.active i{background:#111;border-color:#111}.swatches{display:flex;gap:10px}.swatches>button,.color-custom{width:30px;height:30px;border-radius:50%;background:var(--swatch);border:2px solid transparent;position:relative}.swatches>button.selected{outline:1px solid #999;outline-offset:3px}.color-custom{background:transparent;display:grid;place-items:center;border:1px solid #ddd;font-size:18px;cursor:pointer}.color-custom input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.font-control{border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;padding:8px 12px;gap:20px}.font-control>span{font-size:24px}.font-control select{width:100%;background:transparent;border:0;font-size:11px}.preview-area{min-width:0}.device-stage{min-height:390px;position:relative;display:flex;align-items:flex-start;justify-content:center;padding:10px 60px 30px 0}.preview-device{--accent:var(--lime);width:100%;max-width:800px;border:7px solid #171717;border-radius:13px;overflow:hidden;background:#f1eee7;box-shadow:0 12px 15px #0002;transition:width .5s ease,background .5s;position:relative;z-index:2}.preview-device .mini-nav{padding:13px 17px;font-size:7px}.preview-content{position:relative;min-height:285px;display:grid;grid-template-columns:1fr 1fr}.sample-copy{padding:23px 24px;position:relative;z-index:1}.sample-kicker{font-size:6px;letter-spacing:1px;margin-bottom:12px}.sample-title{font:48px/.95 Georgia,serif;letter-spacing:-2px;transition:font .3s,color .3s}.sample-description{font-size:9px;margin-top:20px}.sample-button{display:inline-block;background:var(--accent);color:#111;font-size:7px;padding:7px 9px;margin-top:15px;transition:background .3s}.sample-image{width:100%;height:100%;object-fit:cover}.preview-foot{padding:8px 20px;display:flex;justify-content:space-between;font-size:6px;background:#f1eee7}.device-stand{position:absolute;bottom:16px;left:35%;width:25%;height:25px;background:linear-gradient(90deg,#b6b6b0,#eee,#b6b6b0);clip-path:polygon(36% 0,64% 0,70% 80%,100% 90%,100% 100%,0 100%,0 90%,30% 80%)}.phone-preview{position:absolute;bottom:23px;right:0;width:100px;height:205px;border:5px solid #111;border-radius:17px;overflow:hidden;background:#eeeae2;z-index:3;box-shadow:0 6px 14px #0002}.phone-preview .mini-nav{font-size:5px;padding:10px 8px}.phone-preview .mini-nav b{font-size:9px}.phone-preview h4{font:17px/.95 Georgia;padding:10px 6px}.phone-preview img{width:100%;height:120px;object-fit:cover}.responsive-controls{display:flex;align-items:center;gap:24px;margin-top:22px;font-size:8px}.device-buttons{display:flex;gap:10px;align-items:center}.device-buttons button{font-size:24px;color:#999;line-height:1}.device-buttons button.active{color:#111}.device-buttons button:first-child{font-size:33px}.responsive-controls label{flex:1;display:flex;gap:12px;align-items:center}.responsive-controls label span{min-width:72px}input[type=range]{accent-color:#111;cursor:pointer;width:100%;height:3px}.preview-device[data-style=elegant]{background:#eae3d8}.preview-device[data-style=elegant] .sample-title{font-style:italic;font-size:45px}.preview-device[data-style=playful]{background:#e4eaff}.preview-device[data-style=playful] .sample-title{font-family:var(--sans);font-weight:800;font-size:40px;transform:rotate(-3deg);color:#3131bd}.preview-device[data-style=playful] .sample-button{border-radius:20px}.preview-device.compact .mini-nav>span,.preview-device.compact .mini-nav>small,.preview-device.compact .sample-kicker,.preview-device.compact .preview-foot{display:none}.preview-device.compact .preview-content{display:flex;flex-direction:column}.preview-device.compact .sample-copy{padding:16px}.preview-device.compact .sample-title{font-size:28px}.preview-device.compact .sample-description{margin-top:10px}.preview-device.compact .sample-image{height:120px}.work{padding-bottom:45px}.project-track{display:flex;gap:25px;padding:0 max(48px,calc((100vw - 1296px)/2));overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;position:relative;cursor:grab;user-select:none;direction:ltr}.project-track::-webkit-scrollbar{display:none}.project-track.dragging{cursor:grabbing;scroll-snap-type:none}.project-card{flex:0 0 39%;max-width:510px;min-width:310px;scroll-snap-align:center;transition:transform .3s}.project-card:nth-child(2){transform:rotate(1.2deg);margin-top:8px}.project-card:hover{transform:translateY(-6px)}.project-open{display:block;padding:0;width:100%;text-align:left}.project-visual{height:355px;position:relative;overflow:hidden;border-radius:7px;background:#e7e4dc}.project-nav{display:flex;align-items:center;justify-content:space-between;padding:22px 23px;position:absolute;top:0;left:0;right:0;z-index:2;font-size:7px}.project-nav b{font-size:22px;letter-spacing:-1px}.project-visual>img{width:100%;height:100%;object-fit:cover}.project-visual>h3{position:absolute;bottom:22px;left:24px;color:white;font:44px/.95 Georgia;letter-spacing:-1.8px}.nor .project-nav{background:linear-gradient(#f3f1e9b0,transparent)}.nor>img{object-position:70% center}.nor:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0004);pointer-events:none}.nor>h3{z-index:1}.lume{background:#eee9e0}.lume .project-nav{font-family:Georgia;background:#eee9e0}.lume .project-nav b{font-size:29px;font-weight:400}.lume>img{width:65%;margin-left:35%;padding-top:62px;object-position:52% center}.lume>h3{color:#27231c;top:100px;font-size:36px;bottom:auto;max-width:200px}.lume>small{position:absolute;bottom:38px;left:24px;font-size:9px;border-bottom:1px solid #333;padding-bottom:4px}.riwaq{background:#0b2453;color:white}.riwaq>img{opacity:.5;mix-blend-mode:luminosity;object-position:center;padding-top:55px}.riwaq .project-nav{background:#0b2453;font-family:Georgia}.riwaq>h3{top:90px;bottom:auto;font-size:44px}.project-caption{display:flex;justify-content:space-between;align-items:center;padding:16px 3px}.project-caption h3{font-size:15px;letter-spacing:-.5px}.project-caption p{font-size:10px;color:#777;margin-top:3px}.project-caption .outline-round{width:34px;height:34px;font-size:20px}.drag-hint{pointer-events:none;position:absolute;left:55%;top:225px;padding:15px 18px;background:var(--lime);border-radius:50px;display:flex;gap:8px;font-size:8px;font-weight:700;transform:rotate(-12deg);z-index:4;transition:opacity .2s}.dragging .drag-hint{opacity:0}.gallery-controls{display:flex;align-items:center;gap:12px;align-self:flex-end;font-size:12px;direction:ltr}.gallery-controls>span{margin-right:20px;color:#777}.gallery-progress{height:2px;background:#e8e8e0;margin-top:24px;overflow:hidden}.gallery-progress i{display:block;width:70%;height:100%;background:#aaa;transition:transform .1s}.services{background:var(--ink);color:var(--paper);padding-block:62px}.services .eyebrow{color:#93938e}.services .section-heading{gap:25px}.services .section-heading h2{font-size:clamp(32px,3.65vw,54px);white-space:nowrap}.services .section-heading>p{color:#bfbfb8;font-size:11px;min-width:220px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{border:1px solid #333;border-radius:8px;position:relative;overflow:hidden;padding:25px 27px;min-height:215px;background:radial-gradient(300px circle at var(--mx,-100px) var(--my,-100px),#aae62d18,transparent 70%);transition:border-color .25s}.service-card:hover{border-color:#97b347;box-shadow:0 0 20px #aae62d13}.service-icon{font-size:44px;color:var(--lime);line-height:1;display:block;height:65px;font-weight:400}.service-icon.windows{position:relative;font-size:55px;line-height:.7}.service-icon.windows:after{content:'▱';position:absolute;left:17px;top:10px;font-size:40px}.service-icon.circles{letter-spacing:-18px}.service-card h3{font-size:22px;letter-spacing:-1px;margin:8px 0}.service-card p{font-size:11px;color:#bdbdb7;line-height:1.6}.service-card .outline-round{position:absolute;right:22px;bottom:22px;width:34px;height:34px;font-size:19px;border-color:#555}.comparison{padding-bottom:35px}.compare{height:400px;border-radius:9px;position:relative;overflow:hidden;direction:ltr;isolation:isolate}.compare-site{height:400px;width:100%;background:#eeeae1}.stone-nav{display:flex;justify-content:space-between;align-items:center;font-size:8px;padding:25px 30px;height:65px}.stone-nav b{font-size:11px;letter-spacing:1px}.stone-body{display:grid;grid-template-columns:48% 52%;height:335px}.stone-body>div{padding:28px 40px}.stone-body h3{font:43px/1.02 Georgia;letter-spacing:-1.5px}.stone-body p{font-size:9px;margin-top:18px}.stone-body span{font-size:8px;background:#111;color:white;display:inline-block;padding:9px 14px;margin-top:16px}.stone-body img{height:100%;width:100%;object-fit:cover}.compare-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0);filter:grayscale(1)}.before{background:#d7d7d1;color:#333}.before .stone-nav{background:#c6c6c1}.before .stone-nav b{letter-spacing:-1px;font-size:16px}.old-body{position:relative;height:275px;margin:15px 30px 0;overflow:hidden}.old-body img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.4}.old-body h3{font:29px/1.1 Arial;position:relative;padding:25px 25px 0}.old-body p{position:relative;margin:10px 25px;font-size:8px;max-width:230px}.old-body>span{position:relative;display:inline-block;background:#555;color:white;padding:7px 15px;margin-left:25px;font-size:8px}.old-footer{font-size:9px;text-align:center;padding:15px}.compare-label{position:absolute;top:15px;padding:7px 11px;border-radius:4px;font-size:9px;z-index:3}.label-before{left:15px;background:#333;color:white}.label-after{right:15px;background:var(--lime)}.compare-line{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:var(--lime);z-index:3;pointer-events:none}.compare-line>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:white;border:2px solid var(--lime);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:17px;font-weight:800}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;z-index:4;cursor:ew-resize}.compare:focus-within{outline:2px solid #74921d;outline-offset:5px}.small-note{font-size:9px;color:#777;margin-top:14px}.process{padding-top:36px}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:35px}.process-steps article{display:flex;gap:20px;position:relative;padding:6px 25px;border-left:1px solid var(--line)}.process-steps article:first-child{padding-left:0;border-left:0}.process-steps article>span{font-size:10px}.process-steps h3{font-size:13px;margin-bottom:7px}.process-steps p{font-size:10px;color:#777}.process-steps .diamond-pair{position:absolute;right:25px;top:14px;transform:scale(.55)}.assembly{display:flex;align-items:center;gap:22px;height:190px;background-image:linear-gradient(#11111108 1px,transparent 1px),linear-gradient(90deg,#11111108 1px,transparent 1px);background-size:30px 30px;padding:10px;border-inline:1px solid #ccc;perspective:800px}.wireframe{height:155px;position:relative;flex:1;border:1px solid #aaa;padding:10px;transition:transform .5s,opacity .5s}.wire-nav{height:15px;width:100%;border-block:1px solid #aaa}.wire-box{position:absolute;left:10px;top:36px;width:46%;height:90px;border:1px solid #aaa;display:grid;place-items:center;font-size:70px;font-weight:200;color:#aaa}.wire-lines{position:absolute;right:10px;top:36px;width:42%;height:60px;background:repeating-linear-gradient(transparent 0,transparent 8px,#ccc 9px,transparent 10px)}.wire-panel{position:absolute;right:20px;bottom:12px;width:45%;height:40px;background:#d1d1cb88;border:1px solid #aaa}.refined{background:#eeeee78c;transform:rotate(-2deg)}.assembly-arrow{font-size:25px;color:#777}.assembled{height:155px;flex:1.4;position:relative;background:#f0ece3;overflow:hidden;transition:clip-path .2s,transform .2s;clip-path:inset(0 0 0 0)}.assembled .mini-nav{padding:8px 13px;font-size:5px}.assembled .mini-nav b{font-size:11px}.assembled h3{font:28px/.95 Georgia;padding:13px;position:relative;z-index:2}.assembled>img{position:absolute;right:0;bottom:0;width:58%;height:125px;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 20%)}.experiments{display:grid;grid-template-columns:1fr repeat(3,1fr);gap:20px;padding-block:15px 45px}.experiment-intro h2{font-size:37px}.experiment-intro .eyebrow{font-size:8px}.experiment{padding:0;text-align:left;min-width:0}.experiment-art{height:160px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:5px}.experiment>div:last-child{position:relative;padding:12px 0}.experiment h3{font-size:11px}.experiment p{font-size:9px;color:#777}.experiment>div:last-child>span{position:absolute;right:0;top:15px;border:1px solid var(--line);border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.kinetic{display:grid;place-items:center;background:#efefe8;background-image:linear-gradient(#11111105 1px,transparent 1px),linear-gradient(90deg,#11111105 1px,transparent 1px);background-size:30px 30px}.kinetic>span{font-size:45px;font-weight:800;line-height:.85;letter-spacing:-3px;transform:rotate(-16deg);transition:transform .3s}.kinetic i{position:absolute;width:35px;height:35px;right:30px;top:25px;background:var(--lime);transform:rotate(24deg)}.experiment:hover .kinetic>span{transform:rotate(5deg) scale(1.05)}.geometry{background:#111;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:25px 25px}.geometry i{position:absolute;width:76px;height:76px;transform:rotate(45deg);border:1px solid #888}.geometry i:nth-child(2){transform:rotate(45deg) translate(15px,-15px);background:#ffffff28}.geometry i:nth-child(3){width:45px;height:45px;background:var(--lime);border:0;transition:transform .5s}.experiment:hover .geometry i:nth-child(3){transform:rotate(135deg)}.grid-art{background-image:linear-gradient(#11111110 1px,transparent 1px),linear-gradient(90deg,#11111110 1px,transparent 1px);background-size:30px 30px}.grid-art i{position:absolute;width:42px;height:42px;left:43%;top:35%;background:var(--lime);transform:rotate(45deg);transition:transform .4s}.grid-art>span{position:absolute;left:60%;top:50%;font-size:32px}.experiment:hover .grid-art i{transform:rotate(90deg) translate(10px,10px)}.contact{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.1fr;gap:80px;padding-top:40px;padding-bottom:45px}.contact h2{font-size:80px;line-height:.95}.contact>div>p:last-child{margin-top:25px;font-size:12px;color:#666}.contact legend,.contact label>span{font-size:10px;display:block;margin-bottom:5px}.type-pills{display:flex;gap:7px;margin-bottom:13px;flex-wrap:wrap}.type-pills>button{font-size:10px;padding:7px 14px;border:1px solid var(--line);border-radius:30px}.type-pills>button.active{background:var(--lime);border-color:var(--lime)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:13px}.form-row label{min-width:0}.contact input,.contact textarea,.contact select{border:1px solid var(--line);background:transparent;border-radius:6px;width:100%;font-size:10px;padding:11px;color:var(--ink)}.contact textarea{resize:vertical;min-height:80px}.project-row{grid-template-columns:1.7fr 1fr}.submit{width:100%;justify-content:space-between;padding-block:12px;font-size:10px}.form-note{font-size:9px;color:#777;margin-top:8px}.form-success{border:1px solid #8dab3b;border-radius:8px;margin-top:15px;padding:15px;background:#aae62d15}.form-success strong{font-size:13px}.form-success p{font-size:11px;margin-block:5px 10px}.form-success button{font-weight:700;text-decoration:underline;font-size:11px}.footer{border-top:1px solid var(--line);padding-block:20px 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top>a:first-child{width:170px}.footer nav{font-size:10px;gap:25px}.footer-top>a{font-size:11px}.footer-bottom{display:flex;justify-content:space-between;margin-top:32px;color:#888;font-size:8px}.footer-bottom>p:last-child{display:flex;align-items:center;gap:30px}.footer-bottom .diamond-pair{transform:scale(.6)}.transition{position:fixed;inset:0;pointer-events:none;z-index:100;display:grid;place-items:center;visibility:hidden}.transition i{position:absolute;width:100px;height:100px;background:var(--lime);transform:rotate(45deg) scale(0);transition:transform .55s cubic-bezier(.7,0,.2,1)}.transition i:first-child{margin-left:-100px}.transition i:last-child{margin-left:100px;background:#b9f24c}.transition.active{visibility:visible}.transition.active i{transform:rotate(45deg) scale(26)}dialog{border:0;background:var(--paper);color:var(--ink);width:min(1050px,92vw);max-height:90vh;padding:55px 50px;border-radius:14px;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#111b;backdrop-filter:blur(8px)}.dialog-close{position:sticky;float:right;top:0;z-index:5}.dialog-heading{font-size:48px;letter-spacing:-2px;margin-bottom:20px}.dialog-intro{max-width:650px;margin-bottom:25px;color:#666}.project-full{height:380px;position:relative;margin-top:25px}.project-full img{width:100%;height:100%;object-fit:cover;border-radius:8px}.project-info{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:25px}.project-info h3{font-size:12px;margin-bottom:8px}.project-info p{font-size:12px;color:#666}.project-dialog-cta{margin-top:25px}.experiment-stage{height:350px;position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(#11111108 1px,transparent 1px),linear-gradient(90deg,#11111108 1px,transparent 1px);background-size:35px 35px;touch-action:none}.type-play{font-size:85px;font-weight:800;letter-spacing:-5px;line-height:.9;text-align:center;cursor:crosshair;transform:scaleX(var(--stretch,1));transition:transform .15s}.type-play em{color:#779b20}.geometry-stage{background-color:#111}.geometry-shape{width:110px;height:110px;position:absolute;border:1px solid #bbb;transform:rotate(45deg)}.geometry-shape:nth-child(2){width:160px;height:160px;border-color:#555}.geometry-shape:nth-child(3){width:70px;height:70px;background:var(--lime);border:0}.experiment-slider{display:flex;gap:20px;align-items:center;margin-top:20px}.experiment-slider label{min-width:70px}.drag-block{width:80px;height:80px;background:var(--lime);position:absolute;left:calc(50% - 40px);top:calc(50% - 40px);transform:rotate(45deg);cursor:grab;box-shadow:10px 10px 0 #11111112}.drag-block:nth-child(2){background:#111;left:20%;top:25%;width:50px;height:50px}.drag-block:nth-child(3){background:#d5d5cb;left:70%;top:60%;width:60px;height:60px}.reset-experiment{margin-top:15px;text-decoration:underline;font-size:12px}
[dir=rtl]{font-family:'Noto Sans Arabic',var(--sans)}[dir=rtl] h1,[dir=rtl] h2{letter-spacing:-.045em;line-height:1.25}[dir=rtl] .hero h1{font-size:clamp(46px,4.7vw,73px)}[dir=rtl] .hero-art{margin-left:0;margin-right:-30px;direction:ltr}[dir=rtl] .arabic-tag{display:none}[dir=rtl] .hero-desc{margin-top:25px}[dir=rtl] .style-option{text-align:right}[dir=rtl] .preview-area,[dir=rtl] .assembly{direction:ltr}[dir=rtl] .contact h2{font-size:70px}[dir=rtl] .process-steps article{border-left:0;border-right:1px solid var(--line)}[dir=rtl] .process-steps article:first-child{border:0}[dir=rtl] .process-steps .diamond-pair{right:auto;left:25px}[dir=rtl] .service-card .outline-round{right:auto;left:22px}[dir=rtl] .experiment{text-align:right}[dir=rtl] .experiment>div:last-child>span{right:auto;left:0}[dir=rtl] .language .ar{font-weight:800}[dir=rtl] .language .en{font-weight:400}[dir=rtl] .dialog-close{float:left}
@media(min-width:1600px){.hero h1{font-size:88px}.hero-art{margin-left:-30px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{min-height:560px}.hero-art{height:470px}.hero-laptop{height:260px}.mini-arch h2{font-size:34px}.hero h1{font-size:6.1vw}.hero-desc{font-size:14px}.tailor-grid{grid-template-columns:190px 1fr;gap:40px}.device-stage{min-height:350px;padding-right:45px}.preview-content{min-height:245px}.sample-title{font-size:38px}.phone-preview{width:85px;height:180px}.sample-copy{padding:20px 16px}.services .section-heading{flex-direction:column;gap:16px}.services .section-heading>p br{display:none}.services .section-heading>p{max-width:none;padding:0}.project-visual{height:320px}.process-steps .diamond-pair{right:8px}.experiments{gap:14px}.experiment-intro h2{font-size:30px}.experiment-art{height:140px}.kinetic>span{font-size:36px}.contact{gap:40px}.contact h2{font-size:65px}}
@media(max-width:760px){html{scroll-padding-top:25px}.wrap{width:calc(100% - 40px)}.header{height:76px;gap:15px}.logo{width:145px}.header nav{display:none}.header-right{gap:15px}.header-cta{display:none}.menu-toggle{display:block;font-size:23px}.header.open nav{display:flex;position:absolute;top:65px;left:0;right:0;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:22px;justify-content:center;box-shadow:0 15px 20px #0001}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:25px;padding-bottom:45px;min-height:auto}.hero h1{font-size:clamp(44px,10vw,70px);white-space:normal;letter-spacing:-.065em}.hero .eyebrow{font-size:8px;margin-bottom:18px}.hero-desc{font-size:13px;margin:12px 0}.arabic-tag{font-size:28px;margin-block:8px}.hero-cta{font-size:11px;gap:12px}.round{width:42px;height:42px;font-size:22px}.hero-art{height:340px;margin:20px 0 0;max-width:510px;width:100%;align-self:center}.hero-laptop{height:210px;width:79%;left:13%;top:20%;border-width:5px}.hero-laptop .mini-nav{padding:10px 13px;font-size:5px}.hero-laptop .mini-nav b{font-size:12px}.mini-arch{height:calc(100% - 35px)}.mini-arch h2{font-size:30px;padding:14px}.mini-arch p{font-size:6px;left:15px;bottom:20px}.art-note{right:0;font-size:6px;top:20px}.art-diamonds{top:42px}.art-diamonds.bottom{bottom:40px;right:12%;transform:scale(.8) rotate(15deg)}.measure{font-size:6px}.fold-b,.fold-d{right:0}.scroll-note{bottom:0;font-size:6px;gap:12px}.scroll-note i{width:100px}.section{padding-block:40px}.section-heading{flex-direction:column;gap:12px;margin-bottom:24px}.section-heading h2{font-size:38px}.section-heading>p{font-size:11px;padding:0}.section-heading>p br{display:none}.tailor-grid{display:flex;flex-direction:column;gap:20px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:0}.controls fieldset{margin-bottom:0}.controls fieldset:first-child{grid-row:span 2}.controls legend{font-size:7px;letter-spacing:1.5px;margin-bottom:8px}.style-option{font-size:10px;padding:9px 11px;margin-bottom:5px;gap:9px;border-radius:6px}.style-option i{width:9px;height:9px}.swatches{gap:8px}.swatches>button,.color-custom{width:22px;height:22px}.font-control{padding:3px 8px;gap:8px}.font-control>span{font-size:20px}.font-control select{font-size:8px}.device-stage{min-height:255px;padding:10px 30px 25px 0;align-items:flex-start}.preview-device{border-width:4px;border-radius:8px}.preview-device .mini-nav{padding:9px 10px;font-size:4px;gap:4px}.preview-device .mini-nav b{font-size:10px}.preview-content{min-height:185px}.sample-copy{padding:14px 10px}.sample-kicker{font-size:4px;letter-spacing:.5px;margin-bottom:10px}.sample-title,.preview-device[data-style=elegant] .sample-title{font-size:30px;letter-spacing:-1px}.preview-device[data-style=playful] .sample-title{font-size:24px}.sample-description{font-size:6px;margin-top:12px}.sample-button{font-size:5px;padding:5px;margin-top:8px}.preview-foot{font-size:4px;padding:7px 10px}.phone-preview{height:145px;width:68px;border-width:3px;border-radius:10px;bottom:25px}.phone-preview .mini-nav{padding:7px 5px}.phone-preview .mini-nav b{font-size:7px}.phone-preview h4{font-size:13px;padding:7px}.phone-preview img{height:85px}.device-stand{height:20px;bottom:9px}.responsive-controls{gap:10px;margin-top:10px;font-size:7px}.device-buttons{gap:5px}.device-buttons button{font-size:20px;padding:3px}.device-buttons button:first-child{font-size:25px}.responsive-controls label{gap:5px}.responsive-controls label span{min-width:55px}.preview-device.compact .sample-title{font-size:22px}.preview-device.compact .sample-copy{padding:10px}.preview-device.compact .sample-description{font-size:6px}.preview-device.compact .sample-image{height:80px}.work .section-heading{flex-direction:row;align-items:flex-end}.work .eyebrow{font-size:8px}.work h2{font-size:36px}.gallery-controls{gap:6px}.gallery-controls>span{display:none}.gallery-controls button{height:32px;width:32px;font-size:19px}.project-track{padding-inline:20px;gap:15px}.project-card{flex-basis:80%;min-width:270px;max-width:none}.project-visual{height:300px}.project-nav{padding:18px}.project-nav b{font-size:19px}.project-nav>span{font-size:6px}.project-visual>h3{font-size:38px;left:20px}.lume>h3{font-size:32px;top:95px}.lume>small{left:20px;bottom:22px}.project-caption h3{font-size:13px}.project-caption p{font-size:8px}.project-caption .outline-round{width:29px;height:29px}.drag-hint{left:65%;top:205px;padding:12px;font-size:6px;white-space:nowrap}.gallery-progress{margin-top:15px}.services .section-heading h2{white-space:normal;font-size:36px;max-width:340px}.service-grid{grid-template-columns:1fr}.service-card{min-height:175px;padding:22px;display:block}.service-icon{height:42px;font-size:35px}.service-icon.windows{font-size:43px}.service-icon.windows:after{font-size:32px;left:14px}.service-card h3{font-size:20px;margin-top:10px}.service-card p{font-size:10px}.service-card p br{display:none}.service-card .outline-round{bottom:22px}.compare,.compare-site{height:275px}.stone-nav{height:45px;padding:15px 15px;font-size:5px}.stone-nav b{font-size:7px}.before .stone-nav b{font-size:9px}.stone-nav>span{font-size:4px;letter-spacing:-.2px}.stone-body{height:230px;grid-template-columns:50% 50%}.stone-body>div{padding:25px 14px}.stone-body h3{font-size:25px;letter-spacing:-.7px}.stone-body p{font-size:5px;margin-top:13px}.stone-body span{font-size:5px;padding:6px;margin-top:10px}.old-body{height:190px;margin:8px 10px}.old-body h3{font-size:20px;padding:25px 12px 0}.old-body p{font-size:5px;margin:10px 12px}.old-body>span{margin-left:12px;font-size:5px;padding:6px 9px}.old-footer{font-size:6px;padding:7px}.compare-label{font-size:7px;padding:5px 7px;top:9px}.label-before{left:8px}.label-after{right:8px}.compare-line>span{width:32px;height:32px;font-size:13px}.small-note{font-size:8px}.process-steps{grid-template-columns:1fr 1fr;gap:25px 15px;margin-bottom:28px}.process-steps article,.process-steps article:first-child{padding:0 0 0 12px;border-left:1px solid var(--line);gap:10px}.process-steps h3{font-size:12px}.process-steps p{font-size:9px}.process-steps article>span{font-size:8px}.process-steps .diamond-pair{right:5px;top:0}.assembly{height:130px;gap:8px;padding:5px}.wireframe{height:100px;padding:6px}.wire-nav{height:10px}.wire-box{top:26px;left:6px;height:52px;width:44%;font-size:35px}.wire-lines{top:26px;right:6px;height:50px}.wire-panel{height:20px;right:7px;bottom:8px}.assembly-arrow{font-size:15px}.assembled{height:100px}.assembled .mini-nav{padding:6px;font-size:3px}.assembled .mini-nav b{font-size:7px}.assembled h3{font-size:17px;padding:6px}.assembled>img{height:80px}.experiments{grid-template-columns:1fr 1fr;gap:18px;padding-top:10px;padding-bottom:35px}.experiment-intro h2{font-size:32px}.experiment-art{height:140px}.experiment h3{font-size:10px}.experiment p{font-size:8px}.kinetic>span{font-size:36px}.kinetic i{right:20px;width:28px;height:28px}.contact{display:flex;flex-direction:column;gap:28px}.contact h2{font-size:60px}.contact h2 br{display:none}.contact>div>p:last-child{font-size:11px;margin-top:15px}.contact>div>p:last-child br{display:none}.contact label>span,.contact legend{font-size:9px}.contact input,.contact textarea,.contact select{font-size:11px;padding:12px}.form-row{gap:10px}.type-pills>button{font-size:9px;padding:7px 12px}.project-row{grid-template-columns:1fr}.contact textarea{min-height:90px}.submit{font-size:11px;padding:13px 18px}.form-note{font-size:8px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top>a:first-child{width:145px}.footer nav{gap:17px;font-size:9px}.footer-top>a{font-size:10px}.footer-top .language{margin-left:auto}.footer-bottom{gap:20px;align-items:flex-start;margin-top:25px;font-size:7px}.footer-bottom>p:last-child{gap:5px;max-width:170px}.footer-bottom .diamond-pair{width:20px}.dialog-heading{font-size:32px}dialog{padding:25px 20px}.dialog-close{width:32px;height:32px}.dialog-intro{font-size:12px}.project-full{height:240px}.project-info{grid-template-columns:1fr;gap:20px}.type-play{font-size:50px;letter-spacing:-3px}.experiment-stage{height:280px}.experiment-slider{font-size:11px}[dir=rtl] .hero h1{font-size:9.3vw}[dir=rtl] .hero-art{margin:20px 0 0}[dir=rtl] .contact h2{font-size:48px}[dir=rtl] .process-steps article:first-child{border-right:1px solid var(--line);padding-right:12px}[dir=rtl] .process-steps .diamond-pair{left:0;right:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.transition{display:none}.hero-art .fold{transform:none!important}.pressure{transform:none!important}}

.service-icon svg{width:45px;height:45px;display:block}
/* Refined live viewport and direct interactions */
.device-stage{padding:0 60px 20px 0;height:460px;min-height:460px;align-items:flex-start}.preview-frame-wrap{position:relative;flex-shrink:0;transition:width .35s,height .35s}.preview-device{position:absolute;inset:0 auto auto 0;max-width:none!important;transform-origin:top left;border:7px solid #171717;border-radius:16px;transition:none;overflow:hidden;box-shadow:0 14px 30px #0002}.preview-device iframe{border:0;display:block;background:#f0ece3;max-width:none}.is-phone .device-stage{padding-inline:0;justify-content:center}.is-phone .phone-preview,.is-phone .device-stand,.is-tablet .device-stand{display:none}.is-phone .preview-device{border-radius:35px}.is-phone .preview-device:after{content:'';position:absolute;width:90px;height:18px;background:#171717;top:0;left:50%;transform:translateX(-50%);border-radius:0 0 12px 12px;pointer-events:none}.is-tablet .phone-preview{display:none}.device-stand{bottom:10px}.responsive-controls label span{min-width:82px}.service-grid{grid-template-columns:repeat(4,1fr)}.service-card{padding:23px 20px;min-height:225px}.service-card h3{font-size:21px}.service-card p{font-size:10px;max-width:200px;padding-right:5px}.service-card .outline-round{right:15px;bottom:16px;width:28px;height:28px;font-size:16px}.service-card p br{display:none}.compare-labels{display:flex;justify-content:space-between;direction:ltr;align-items:center;margin-bottom:12px}.compare-labels .compare-label{position:static;display:inline-block;padding:7px 12px;border-radius:4px;font-size:10px}.process-scroll{position:relative;margin-block:20px 45px}.process-sticky{position:sticky;top:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding-block:55px}.process-sticky .section-heading{margin-bottom:30px}.process-viewport{overflow:hidden;width:100%;padding-block:15px 25px}.process-track{display:flex;gap:28px;padding-inline:max(48px,calc((100vw - 1296px)/2));width:max-content;will-change:transform}.process-card{width:min(49vw,620px);flex-shrink:0;min-height:330px;padding:30px 38px;border:1px solid var(--line);border-radius:14px;position:relative;background:#eeeee8;overflow:hidden;transition:background .4s,border-color .4s}.process-card.is-active{background:#eaf3d7;border-color:#a7c36b}.step-number{font-size:13px;color:#777;position:absolute;top:28px;left:30px}.step-art{height:145px;display:grid;place-items:center;position:relative;direction:ltr}.process-card h3{font-size:29px;letter-spacing:-1px;margin:5px 0 10px}.process-card>p{font-size:13px;color:#555}.step-detail{display:block;font-size:11px;color:#777;margin-top:16px;max-width:350px}.process-bottom{display:flex;gap:30px;align-items:center;padding-top:7px}.process-bottom p{font-size:8px;letter-spacing:1.4px;color:#777}.process-progress{height:2px;flex:1;background:#d9d9d1;overflow:hidden}.process-progress i{display:block;width:100%;height:100%;background:#7b9c2c;transform:scaleX(0);transform-origin:left}.process-bottom output{font-size:11px}.discovery-orbit{position:relative;width:100px;height:100px}.discovery-orbit i{position:absolute;inset:0;border:1px solid #98ac72;border-radius:50%;animation:orbit 7s linear infinite;animation-play-state:paused}.discovery-orbit i:after{content:'';position:absolute;top:0;left:46px;width:12px;height:12px;border-radius:50%;background:#111}.discovery-orbit i:nth-child(2){inset:15px;animation-direction:reverse;animation-duration:5s}.discovery-orbit i:nth-child(2):after{left:29px;width:9px;height:9px;background:#91bb36}.discovery-orbit i:nth-child(3){inset:30px;animation-duration:3s}.discovery-orbit i:nth-child(3):after{left:14px;width:7px;height:7px}.discovery-orbit b{position:absolute;inset:42px;background:var(--lime);transform:rotate(45deg)}.design-morph{width:110px;height:100px;position:relative}.design-morph i{position:absolute;top:15px;left:15px;width:65px;height:65px;border:1px solid #111;animation:morph 4s ease-in-out infinite;animation-play-state:paused}.design-morph i:nth-child(2){background:#aae62d90;left:35px;top:25px;animation-delay:-1.3s;border-color:#8bb12e}.design-morph i:nth-child(3){width:35px;height:35px;left:0;top:0;animation-delay:-2.6s}.code-motion{display:flex;align-items:center;gap:15px;font:55px monospace;letter-spacing:-6px}.code-motion span{animation:code-breathe 2s ease-in-out infinite;animation-play-state:paused}.code-motion span:last-child{animation-delay:-1s}.code-motion i{height:55px;width:3px;background:#80a722;animation:blink 1s steps(1) infinite;animation-play-state:paused}.launch-motion{width:110px;height:110px;position:relative}.launch-motion i{position:absolute;inset:20px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:43px;font-style:normal;animation:lift 3s ease-in-out infinite;animation-play-state:paused}.launch-motion b{position:absolute;width:8px;height:8px;background:#111;left:20px;bottom:12px;transform:rotate(45deg);animation:spark 2s ease-out infinite;animation-play-state:paused}.launch-motion b:nth-child(3){left:10px;bottom:32px;animation-delay:-.7s}.launch-motion b:nth-child(4){left:42px;bottom:0;animation-delay:-1.4s}.is-active .step-art *,.process-card:hover .step-art *,.process-card:focus .step-art *{animation-play-state:running}.experiment{cursor:default}.experiment-art{height:175px}.kinetic{touch-action:pan-y}.kinetic>span{transition:transform .12s ease-out}.geometry i{transition:transform .16s ease-out}.grid-art{touch-action:pan-y;direction:ltr}.inline-diamond{position:absolute;display:block;width:38px;height:38px;left:45%;top:37%;background:var(--lime);transform:rotate(45deg);border:0;padding:0;cursor:grab;touch-action:none;box-shadow:5px 5px 0 #1111}.inline-diamond.ink-diamond{left:18%;top:22%;width:25px;height:25px;background:#111}.inline-diamond.sand-diamond{left:72%;top:60%;width:27px;height:27px;background:#d5d5cb}.inline-diamond.dragging{cursor:grabbing;z-index:2}.inline-reset{position:absolute;right:0;top:12px;border:1px solid var(--line);width:25px;height:25px;border-radius:50%;font-size:16px}.experiment[data-experiment=type]:focus-visible,.experiment[data-experiment=geometry]:focus-visible{outline:2px solid #718f22;outline-offset:4px}.experiment:hover .grid-art i{transform:none}[dir=rtl] .step-number{left:auto;right:30px}[dir=rtl] .process-track{direction:rtl}[dir=rtl] .process-progress i{transform-origin:right}[dir=rtl] .inline-reset{left:0;right:auto}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes morph{0%,100%{transform:rotate(0);border-radius:0}50%{transform:rotate(90deg);border-radius:50%}}@keyframes code-breathe{0%,100%{transform:translateX(0);opacity:1}50%{transform:translateX(-6px);opacity:.5}}@keyframes blink{50%{opacity:0}}@keyframes lift{0%,100%{transform:translate(0,0)}50%{transform:translate(9px,-9px)}}@keyframes spark{0%{opacity:1;transform:translate(0,0) rotate(45deg)}100%{opacity:0;transform:translate(-18px,18px) rotate(45deg)}}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:205px}.process-card{width:57vw}.process-sticky{padding-block:35px}}
@media(max-width:760px){.device-stage{padding:0 0 20px;min-height:460px;height:460px}.preview-device{border:7px solid #171717;border-radius:16px}.phone-preview{right:0;bottom:25px}.is-phone .preview-device{border-radius:35px}.responsive-controls{gap:7px}.responsive-controls label span{min-width:63px}.service-grid{grid-template-columns:1fr}.service-card{min-height:175px;padding:22px}.service-card h3{font-size:22px}.service-card p{max-width:270px}.compare-labels{margin-bottom:10px}.compare-labels .compare-label{font-size:8px;padding:6px 9px}.process-sticky{padding:25px 0;min-height:100svh}.process-sticky .section-heading{margin-bottom:20px}.process-sticky .section-heading h2{font-size:35px}.process-sticky .section-heading>p{font-size:10px}.process-track{gap:18px;padding-inline:20px}.process-card{width:82vw;min-height:315px;padding:25px}.step-art{height:130px}.process-card h3{font-size:28px}.process-card>p{font-size:12px}.step-detail{font-size:10px;max-width:230px}.step-number{top:20px;left:22px}.process-bottom{gap:15px;flex-wrap:wrap}.process-bottom p{font-size:6px;width:100%}.process-progress{min-width:60%}.process-viewport{padding-bottom:15px}.experiments{row-gap:22px}.experiment-art{height:150px}.inline-diamond{width:33px;height:33px}.inline-diamond.ink-diamond{width:22px;height:22px}.inline-diamond.sand-diamond{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.process-scroll{height:auto!important}.process-sticky{position:relative;min-height:0}.process-track{transform:none!important;width:auto;flex-wrap:wrap;gap:20px}.process-card{width:calc(50% - 10px)}.process-bottom{display:none}.process-card .step-art *{animation:none!important}.kinetic>span,.geometry i{transform:none!important}}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.process-card{width:100%}}
/* Denser rhythm and Arabic typographic direction */
.section{padding-block:45px}.section-heading{margin-bottom:28px}.hero{min-height:580px;padding-bottom:50px}.hero-art{height:500px}.experiments{padding-block:20px 32px}.contact{padding-block:35px}.comparison{padding-bottom:30px}.process-scroll{margin-block:0 28px}.process-sticky{min-height:0;justify-content:flex-start;padding-block:35px 28px}.process-sticky .section-heading{margin-bottom:20px}.process-viewport{padding-block:8px 18px}.process-card{min-height:300px;padding-block:22px}.step-art{height:120px}.process-card h3{margin-block:3px 8px}.step-detail{margin-top:12px}.device-stage{min-height:0!important;transition:height .3s}.controls{padding-top:0}.footer-bottom{margin-top:20px}
[dir=rtl]{--arabic-body:'IBM Plex Sans Arabic','Noto Sans Arabic',sans-serif;--arabic-display:'Reem Kufi','IBM Plex Sans Arabic',sans-serif;font-family:var(--arabic-body);font-size:18px;line-height:1.7}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4{font-family:var(--arabic-display);letter-spacing:0;word-spacing:0;font-weight:700}
[dir=rtl] h1,[dir=rtl] h2{line-height:1.45}[dir=rtl] h2{font-size:clamp(36px,3.6vw,52px)}[dir=rtl] p{line-height:1.75}
[dir=rtl] button,[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select{font-family:var(--arabic-body)}
[dir=rtl] .header{height:82px}[dir=rtl] .header nav{font-size:17px;gap:30px}[dir=rtl] .language{font-size:12px}[dir=rtl] .language .ar{font-family:var(--arabic-body)}[dir=rtl] .pill{font-size:15px;padding:12px 23px}
[dir=rtl] .hero{min-height:500px;grid-template-columns:1.1fr 1fr;gap:15px;padding-bottom:40px}[dir=rtl] .hero h1{font-size:clamp(46px,4.5vw,68px);line-height:1.55;white-space:normal}[dir=rtl] .hero .eyebrow{font-size:14px;line-height:1.5;margin-bottom:12px}[dir=rtl] .hero-desc{font-size:20px;max-width:480px;margin:12px 0 15px}[dir=rtl] .hero-cta{font-size:17px;gap:15px;margin-top:0}[dir=rtl] .hero-art{height:420px;margin-right:0}[dir=rtl] .hero-laptop{height:255px;top:20%;width:88%;left:6%}[dir=rtl] .mini-arch h2{font:35px/.95 Georgia,serif;letter-spacing:-1px}[dir=rtl] .mini-arch p{line-height:1.4}[dir=rtl] .hero-laptop .mini-nav{font-family:var(--sans)}[dir=rtl] .scroll-note{font-size:10px;letter-spacing:0;bottom:10px}
[dir=rtl] .eyebrow{font-size:13px;letter-spacing:0;line-height:1.6;margin-bottom:9px;color:#66665f}[dir=rtl] .section-heading{gap:25px;margin-bottom:24px;align-items:center}[dir=rtl] .section-heading>p{font-size:18px;max-width:370px;padding-top:0;line-height:1.7}
[dir=rtl] .tailor-grid{gap:55px;grid-template-columns:230px 1fr}[dir=rtl] .controls fieldset{margin-bottom:20px}[dir=rtl] .controls legend{font-size:13px;letter-spacing:0;margin-bottom:10px}[dir=rtl] .style-option{font-size:16px;padding:8px 14px;margin-bottom:6px}[dir=rtl] .font-control{padding:5px 12px}[dir=rtl] .font-control select{font-size:13px}[dir=rtl] .responsive-controls{font-size:12px;margin-top:12px;gap:15px}[dir=rtl] .responsive-controls label span{min-width:80px}[dir=rtl] .responsive-controls output{font-family:var(--sans);font-size:11px;direction:ltr}
[dir=rtl] .services{padding-block:40px}[dir=rtl] .services .section-heading h2{font-size:clamp(34px,3.3vw,48px);white-space:normal;max-width:830px}[dir=rtl] .services .section-heading>p{font-size:17px;color:#c9c9c2;max-width:350px;min-width:230px}[dir=rtl] .service-card{padding:23px 22px;min-height:242px}[dir=rtl] .service-card h3{font-size:25px;line-height:1.5;margin:8px 0}[dir=rtl] .service-card p{font-size:16px;color:#c7c7bf;max-width:none;padding:0 0 15px 15px;line-height:1.75}[dir=rtl] .service-icon{height:50px}[dir=rtl] .service-card .outline-round{left:14px;bottom:14px}
[dir=rtl] .compare-labels .compare-label{font-size:14px;padding:5px 13px}[dir=rtl] .small-note{font-size:13px;margin-top:12px;color:#666}[dir=rtl] .compare{font-family:var(--sans)}[dir=rtl] .compare h3{font-family:Georgia,serif;letter-spacing:-1.5px}[dir=rtl] .compare .before h3{font-family:Arial,sans-serif}[dir=rtl] .compare p{font-family:var(--sans);line-height:1.55}
[dir=rtl] .process-sticky{padding-block:25px 24px}[dir=rtl] .process-card{min-height:320px;padding:23px 30px;width:min(47vw,580px)}[dir=rtl] .step-art{height:112px}[dir=rtl] .process-card h3{font-size:32px;line-height:1.5;margin:0 0 6px}[dir=rtl] .process-card>p{font-size:18px;color:#45483e;max-width:410px;line-height:1.7}[dir=rtl] .step-detail{font-size:15px;color:#64695b;max-width:430px;margin-top:9px;line-height:1.6}[dir=rtl] .step-number{font-family:var(--sans);font-size:12px;top:20px;right:25px}[dir=rtl] .process-bottom{gap:20px;padding-top:0}[dir=rtl] .process-bottom p{font-size:12px;letter-spacing:0}[dir=rtl] .process-bottom output{font-family:var(--sans);font-size:12px;direction:ltr}
[dir=rtl] .experiments{gap:22px;padding-block:15px 30px}[dir=rtl] .experiment-intro h2{font-size:35px;line-height:1.45}[dir=rtl] .experiment-art{height:165px}[dir=rtl] .experiment h3{font-size:21px;line-height:1.5}[dir=rtl] .experiment p{font-size:14px;color:#666;line-height:1.65;padding-left:22px}[dir=rtl] .experiment .kinetic>span{font-family:var(--sans);font-size:45px}[dir=rtl] .inline-reset{top:12px}
[dir=rtl] .contact{gap:60px}[dir=rtl] .contact h2{font-size:54px;line-height:1.5}[dir=rtl] .contact>div>p:last-child{font-size:18px;max-width:400px;margin-top:12px;color:#555}[dir=rtl] .contact legend,[dir=rtl] .contact label>span{font-size:15px;margin-bottom:5px}[dir=rtl] .type-pills{gap:7px;margin-bottom:15px}[dir=rtl] .type-pills>button{font-size:14px;padding:5px 14px}[dir=rtl] .contact input,[dir=rtl] .contact textarea,[dir=rtl] .contact select{font-size:16px;padding:10px 12px;line-height:1.6}[dir=rtl] .contact input[name=email]{direction:ltr;text-align:left}[dir=rtl] .contact select[name=budget]{direction:ltr}[dir=rtl] .contact textarea{min-height:100px}[dir=rtl] .submit{font-size:16px;padding-block:11px}[dir=rtl] .form-note{font-size:13px;margin-top:9px;color:#666;line-height:1.6}[dir=rtl] .form-success strong{font-size:18px}[dir=rtl] .form-success p,[dir=rtl] .form-success button{font-size:15px}
[dir=rtl] .footer{padding-block:20px}[dir=rtl] .footer nav{font-size:15px;gap:24px}[dir=rtl] .footer-top>a{font-size:15px}[dir=rtl] .footer-bottom{font-size:12px;gap:25px}[dir=rtl] .footer-bottom p{line-height:1.6}
@media(max-width:1100px){[dir=rtl] .hero h1{font-size:51px}[dir=rtl] .hero-art{height:380px}[dir=rtl] .hero-laptop{height:230px}[dir=rtl] .hero-desc{font-size:18px}[dir=rtl] .tailor-grid{gap:30px;grid-template-columns:195px 1fr}[dir=rtl] .services .section-heading{gap:10px}[dir=rtl] .services .section-heading>p{max-width:700px}[dir=rtl] .service-card{min-height:218px}[dir=rtl] .process-card{width:57vw}[dir=rtl] .experiment h3{font-size:19px}[dir=rtl] .experiment p{font-size:13px}[dir=rtl] .contact{gap:35px}[dir=rtl] .contact h2{font-size:44px}}
@media(max-width:760px){.section{padding-block:30px}.hero{padding-bottom:30px}.section-heading{margin-bottom:20px}.device-stage{min-height:0!important}.controls fieldset{margin-bottom:0}.process-sticky{padding-block:22px}.process-card{min-height:300px}.step-art{height:110px}.process-scroll{margin-bottom:20px}.experiments{padding-block:10px 25px}.contact{padding-block:28px}.comparison{padding-bottom:22px}
[dir=rtl]{font-size:17px}[dir=rtl] .header{height:72px}[dir=rtl] .header.open nav{font-size:17px;padding:17px;gap:24px}[dir=rtl] .language{font-size:11px;gap:8px}[dir=rtl] .hero{padding-top:14px;padding-bottom:28px;gap:0;min-height:0}[dir=rtl] .hero .eyebrow{font-size:12px;margin-bottom:8px}[dir=rtl] .hero h1{font-size:43px;line-height:1.45}[dir=rtl] .hero-desc{font-size:18px;line-height:1.7;margin:10px 0 14px;max-width:340px}[dir=rtl] .hero-cta{font-size:16px}[dir=rtl] .hero-art{height:285px;margin:14px 0 0}[dir=rtl] .hero-laptop{height:185px;top:18%;left:10%;width:83%}[dir=rtl] .mini-arch h2{font-size:27px;padding:13px}[dir=rtl] .hero .scroll-note{font-size:9px;bottom:0}[dir=rtl] .section-heading{gap:9px;margin-bottom:20px;align-items:flex-start}[dir=rtl] h2,[dir=rtl] .section-heading h2{font-size:34px;line-height:1.5}[dir=rtl] .section-heading>p{font-size:17px;line-height:1.7;max-width:none}[dir=rtl] .eyebrow{font-size:12px;margin-bottom:6px}[dir=rtl] .tailor-grid{gap:20px}[dir=rtl] .controls{gap:15px}[dir=rtl] .controls fieldset{margin-bottom:0}[dir=rtl] .controls legend{font-size:12px;margin-bottom:8px}[dir=rtl] .style-option{font-size:16px;padding:7px 11px;gap:9px}[dir=rtl] .font-control{padding:4px 8px}[dir=rtl] .font-control select{font-size:11px}[dir=rtl] .responsive-controls{gap:7px;font-size:11px;margin-top:7px}[dir=rtl] .responsive-controls label span{min-width:63px}[dir=rtl] .responsive-controls output{font-size:9px}[dir=rtl] .services{padding-block:30px}[dir=rtl] .services .section-heading h2{font-size:34px;line-height:1.5;max-width:none}[dir=rtl] .services .section-heading>p{font-size:16px;line-height:1.7;min-width:0}[dir=rtl] .service-grid{gap:12px}[dir=rtl] .service-card{padding:18px 20px;min-height:0}[dir=rtl] .service-icon{position:absolute;top:18px;left:20px;height:38px}[dir=rtl] .service-icon svg{width:36px;height:36px}[dir=rtl] .service-card h3{font-size:25px;margin:3px 0 8px;padding-left:45px}[dir=rtl] .service-card p{font-size:17px;line-height:1.7;padding:0 0 8px 22px;max-width:none}[dir=rtl] .compare-labels .compare-label{font-size:13px;padding:4px 12px}[dir=rtl] .small-note{font-size:12px;line-height:1.6;margin-top:9px}[dir=rtl] .compare .stone-body h3{font-size:25px;letter-spacing:-.7px}[dir=rtl] .compare .old-body h3{font-size:20px;letter-spacing:0}[dir=rtl] .process-sticky{padding-block:22px 18px}[dir=rtl] .process-sticky .section-heading{margin-bottom:14px}[dir=rtl] .process-sticky .section-heading h2{font-size:33px;line-height:1.5}[dir=rtl] .process-sticky .section-heading>p{font-size:16px;line-height:1.65}[dir=rtl] .process-card{width:84vw;padding:19px 23px;min-height:325px}[dir=rtl] .step-art{height:105px}[dir=rtl] .process-card h3{font-size:29px;margin-bottom:6px}[dir=rtl] .process-card>p{font-size:17px;line-height:1.7;max-width:none}[dir=rtl] .step-detail{font-size:14px;line-height:1.65;margin-top:8px;max-width:none}[dir=rtl] .step-number{right:20px;top:16px;font-size:11px}[dir=rtl] .process-bottom{gap:10px;padding-top:0}[dir=rtl] .process-bottom p{font-size:11px;line-height:1.5}[dir=rtl] .process-bottom output{font-size:10px}[dir=rtl] .experiments{gap:18px 14px;padding-block:12px 25px}[dir=rtl] .experiment-intro h2{font-size:31px;line-height:1.5}[dir=rtl] .experiment-art{height:140px}[dir=rtl] .experiment h3{font-size:19px;line-height:1.5}[dir=rtl] .experiment p{font-size:14px;line-height:1.65}[dir=rtl] .experiment .kinetic>span{font-size:35px}[dir=rtl] .contact{gap:22px;padding-block:28px}[dir=rtl] .contact h2{font-size:37px;line-height:1.5}[dir=rtl] .contact h2 br{display:block}[dir=rtl] .contact>div>p:last-child{font-size:17px;line-height:1.7;margin-top:8px}[dir=rtl] .contact legend,[dir=rtl] .contact label>span{font-size:14px}[dir=rtl] .type-pills>button{font-size:14px;padding:5px 13px}[dir=rtl] .form-row{gap:12px;grid-template-columns:1fr}[dir=rtl] .contact input,[dir=rtl] .contact textarea,[dir=rtl] .contact select{font-size:16px;padding:10px 12px}[dir=rtl] .form-note{font-size:13px}[dir=rtl] .submit{font-size:16px}[dir=rtl] .footer nav{font-size:14px;gap:17px}[dir=rtl] .footer-top>a{font-size:15px}[dir=rtl] .footer-bottom{font-size:11px;display:block;margin-top:16px}[dir=rtl] .footer-bottom>p:last-child{max-width:none;margin-top:8px;gap:10px}[dir=rtl] .footer-top .language{margin-right:auto;margin-left:0}}
@media(max-width:380px){[dir=rtl] .hero h1{font-size:39px}[dir=rtl] .section-heading h2,[dir=rtl] .services .section-heading h2{font-size:31px}[dir=rtl] .process-sticky .section-heading h2{font-size:30px}[dir=rtl] .process-card{min-height:335px}[dir=rtl] .experiment h3{font-size:18px}}
[dir=rtl] body{font-family:var(--arabic-body);font-size:18px;line-height:1.7}
@media(max-width:760px){[dir=rtl] body{font-size:17px}}
/* Arabic redesign study: same subject, content and photography in both versions. */
.redesign-top{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:18px;margin-bottom:20px}.redesign-top strong{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:21px;font-weight:600;display:block;line-height:1.5}.redesign-top p{font-size:13px;color:#666;margin-top:5px;line-height:1.6}.expand-comparison{display:flex;align-items:center;gap:18px;padding:10px 15px;border:1px solid #ccc;border-radius:30px;font-size:12px;white-space:nowrap;transition:background .2s}.expand-comparison:hover{background:var(--lime);border-color:var(--lime)}.redesign-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.redesign-tabs{display:flex;background:#e9e9e2;border:1px solid #deded6;border-radius:40px;padding:4px;gap:4px;direction:ltr}.redesign-tabs button{font-size:12px;padding:9px 22px;border-radius:30px;transition:background .2s;min-width:80px}.redesign-tabs button[aria-selected=true]{background:var(--ink);color:#fff}.redesign-hint{font-size:12px;color:#777;line-height:1.6}.redesign-labels{display:flex;justify-content:space-between;direction:ltr;margin-bottom:9px;font-size:11px;color:#666}.redesign-labels span{padding:3px 9px;background:#e9e9e2;border-radius:4px}.redesign-labels span:last-child{background:var(--lime);color:#111}.redesign-frame{height:505px;position:relative;overflow:hidden;border:1px solid #d8d5cb;border-radius:9px;background:#ede9df;direction:ltr;isolation:isolate}.redesign-layer{position:absolute;inset:0}.redesign-frame[data-mode=compare] .old-layer{clip-path:inset(0 calc(100% - var(--split)) 0 0);z-index:2}.redesign-frame[data-mode=after] .old-layer{visibility:hidden}.redesign-frame[data-mode=before] .new-layer{visibility:hidden}.redesign-frame[data-mode=before] .old-layer{z-index:2}.redesign-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:var(--lime);z-index:3;pointer-events:none}.redesign-divider>span{display:grid;place-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:#fff;border:2px solid var(--lime);border-radius:50%;font-size:19px;font-weight:700;color:#111;box-shadow:0 3px 12px #0002}.redesign-frame input[type=range]{position:absolute;inset:0;opacity:0;margin:0;width:100%;height:100%;z-index:4;cursor:ew-resize}.redesign-frame:not([data-mode=compare]) .redesign-divider,.redesign-frame:not([data-mode=compare]) input{display:none}.redesign-frame:focus-within{outline:2px solid #799d20;outline-offset:4px}.redesign-preview{font-family:'IBM Plex Sans Arabic',sans-serif;direction:rtl;text-align:right;color:#25362c;background:#f4f0e7;height:100%;overflow:hidden;--sample-accent:#344c3b}.sample-site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 35px;border-bottom:1px solid #344c3b24}.sample-identity{display:flex;align-items:center;gap:10px}.sample-symbol{display:grid;place-items:center;font-size:30px;width:40px;height:45px;border:1px solid #344c3b50;border-radius:20px 20px 0 0}.sample-identity b{display:block;font-size:24px;line-height:1.15;font-weight:600}.sample-identity small{display:block;font-size:10px;margin-top:6px;line-height:1.4}.sample-site-nav{display:flex;gap:25px;font-size:13px;line-height:1.5}.sample-header-contact{font-size:12px;border-bottom:1px solid #344c3b;padding-bottom:4px}.sample-business-hero{height:360px;display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:28px 35px}.sample-business-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0}.sample-business-kicker{font-size:11px!important;letter-spacing:0;margin-bottom:9px;line-height:1.5!important;color:#617061}.comparison .redesign-preview .sample-business-copy h3{font-family:'Reem Kufi',sans-serif;font-size:40px;line-height:1.45;font-weight:600;letter-spacing:0;margin:0;color:#25362c}.sample-business-description{font-size:15px!important;line-height:1.8!important;max-width:380px;margin-top:12px}.sample-business-actions{display:flex;align-items:center;gap:20px;margin-top:20px;font-size:12px}.sample-consult{display:inline-flex;align-items:center;gap:20px;padding:10px 18px;background:#344c3b;color:#fff;border-radius:2px;font-size:12px;line-height:1.5}.sample-consult i{font-style:normal}.sample-project-link{font-size:12px;border-bottom:1px solid #9caa9f;padding-bottom:3px}.sample-service-tags{display:flex;gap:12px;margin-top:16px;font-size:9px;color:#657565}.sample-business-photo{position:relative;min-width:0;overflow:hidden;border-radius:55px 3px 3px 3px}.sample-business-photo img{width:100%;height:100%;object-fit:cover}.sample-business-photo>span{position:absolute;bottom:12px;right:12px;padding:6px 10px;background:#f4f0e7e8;font-size:10px;color:#25362c}.sample-service-strip{border-top:1px solid #344c3b24;padding:16px 35px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#647465}.sample-before{background:#faf6ec;color:#3f3932;--sample-accent:#65503b}.sample-before .sample-site-header{background:#e4d7c3;border-color:#b9a489;padding-inline:25px;height:88px}.sample-before .sample-symbol{display:none}.sample-before .sample-identity b{font-family:Arial,sans-serif;font-size:24px;color:#55422c;font-weight:700}.sample-before .sample-site-nav{font-family:Arial,sans-serif;gap:15px;font-size:13px;color:#253f79;text-decoration:underline}.sample-before .sample-header-contact{font-size:11px;color:#55422c;border:1px solid #a58c67;padding:6px 9px}.sample-before .sample-business-hero{padding:28px 35px;gap:25px}.sample-before .sample-business-copy{align-items:center;text-align:center;justify-content:flex-start;padding-top:15px}.sample-before .sample-business-kicker{margin-bottom:18px;color:#846b50}.comparison .sample-before .sample-business-copy h3{font-family:Arial,sans-serif;font-size:30px;line-height:1.6;font-weight:700;color:#594831}.sample-before .sample-business-description{font-family:Arial,sans-serif;font-size:13px!important;line-height:1.9!important;margin-top:18px}.sample-before .sample-business-actions{margin-top:22px;gap:18px}.sample-before .sample-consult{background:#dfd2b9;color:#3f3932;border:1px solid #a68c63;border-radius:0;padding:6px 10px;font:11px Arial,sans-serif;gap:8px}.sample-before .sample-project-link{font:11px Arial,sans-serif;color:#253f79;border-color:#253f79}.sample-before .sample-service-tags{font-size:9px;margin-top:20px;gap:6px;color:#55422c}.sample-before .sample-business-photo{border:4px double #b19b7b;border-radius:0}.sample-before .sample-business-photo>span{background:#e4d7c3e8;color:#55422c}.sample-before .sample-service-strip{font:11px/1.5 Arial,sans-serif;background:#e4d7c3;color:#55422c;border-top:1px solid #b9a489}.redesign-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:26px}.redesign-benefits article{border-top:1px solid var(--line);padding-top:15px}.redesign-benefits article>span{font:10px var(--sans);color:#888}.redesign-benefits h3{font-size:18px;letter-spacing:-.4px;margin:7px 0}.redesign-benefits p{font-size:13px;color:#666;line-height:1.7}.comparison .small-note{font-size:11px;max-width:800px;line-height:1.7}.comparison-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;position:sticky;top:-35px;background:var(--paper);z-index:6;padding-block:10px 20px}.comparison-dialog-head h2{font-size:36px;letter-spacing:-1px;line-height:1.4}.comparison-dialog-head .close-comparison{position:static;float:none;flex-shrink:0}.comparison-dialog-note{font-size:14px;line-height:1.7;color:#666;max-width:850px;margin-bottom:25px}.comparison-full-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;direction:ltr;align-items:start}.full-view-label{font-size:16px;margin:0 0 12px}.comparison-full-grid>section{min-width:0}.comparison-full-grid>section>.redesign-preview{border:1px solid #d6d2c9;border-radius:7px}.comparison-full-grid [data-full-sample]{border:1px solid #d6d2c9;border-radius:7px;overflow:hidden}.sample-full{height:auto;overflow:visible}.sample-full .sample-site-header{padding:18px 20px;height:auto;min-height:100px;flex-wrap:wrap;gap:15px}.sample-full .sample-site-nav{gap:15px;font-size:12px}.sample-full .sample-header-contact{display:none}.sample-full .sample-business-hero{height:auto;min-height:0;display:flex;flex-direction:column;padding:25px 20px;gap:25px}.sample-full .sample-business-photo{height:260px}.sample-full .sample-business-copy{padding-top:0}.sample-full .sample-business-copy h3{font-family:'Reem Kufi',sans-serif;font-size:32px;line-height:1.5;letter-spacing:0;margin:0}.sample-full.sample-before .sample-business-copy h3{font-family:Arial,sans-serif;font-size:27px}.sample-full .sample-business-description{font-size:15px!important;line-height:1.8!important}.sample-full .sample-service-tags{font-size:10px;flex-wrap:wrap}.sample-full .sample-service-strip{padding:15px 20px;flex-direction:column;gap:5px;font-size:11px}.sample-full-services{padding:30px 20px}.sample-full-services>p{font-size:12px;color:#647465}.sample-full-services h4,.sample-full-project h4,.sample-full-contact h4{font-family:'Reem Kufi',sans-serif;font-size:25px;line-height:1.5;letter-spacing:0;margin:10px 0 20px}.sample-full-services>div{display:grid;grid-template-columns:1fr;gap:18px}.sample-full-services article{padding-top:15px;border-top:1px solid #344c3b30}.sample-full-services article>b{font:10px var(--sans);color:#7d897e}.sample-full-services h5{font-size:17px;margin:8px 0}.sample-full-services article p{font-size:14px;line-height:1.8}.sample-full-project{padding:20px;background:#e4e5d9}.sample-full-project small{font-size:11px}.sample-full-project img{width:100%;height:230px;object-fit:cover}.sample-full-contact{padding:30px 20px}.sample-full-contact h4{font-size:24px;margin-bottom:12px}.sample-full-contact p{font-size:14px;line-height:1.8;margin-bottom:17px}.sample-full-footer{padding:20px;border-top:1px solid #344c3b30;display:flex;justify-content:space-between;gap:15px;font-size:11px}.sample-full.sample-before .sample-full-services h4,.sample-full.sample-before .sample-full-project h4,.sample-full.sample-before .sample-full-contact h4{font-family:Arial,sans-serif;font-size:22px;color:#594831;text-align:center}.sample-full.sample-before .sample-full-services{border:1px solid #b9a489;margin:20px;padding:15px;background:#f0e5d1}.sample-full.sample-before .sample-full-project{background:#e4d7c3}.sample-full.sample-before .sample-full-contact{text-align:center}.sample-full.sample-before .sample-full-footer{background:#e4d7c3;border-color:#b9a489}#comparison-dialog{width:min(1200px,95vw);padding:35px;max-height:92vh}#comparison-dialog .small-note{font-size:12px;margin-top:22px}
[dir=rtl] .redesign-top p{font-size:16px;line-height:1.7}[dir=rtl] .expand-comparison{font-size:15px}[dir=rtl] .redesign-tabs button{font-size:16px;padding:7px 24px}[dir=rtl] .redesign-hint{font-size:15px}[dir=rtl] .redesign-labels{font-size:13px}[dir=rtl] .redesign-benefits h3{font-size:25px;line-height:1.5;letter-spacing:0}[dir=rtl] .redesign-benefits p{font-size:17px;line-height:1.75}[dir=rtl] .comparison .small-note{font-size:13px}[dir=rtl] .comparison-dialog-head h2{font-size:36px;letter-spacing:0}[dir=rtl] .comparison-dialog-note{font-size:17px}[dir=rtl] .full-view-label{font-size:23px;line-height:1.4}
@media(max-width:1000px) and (min-width:761px){.sample-site-header{padding-inline:23px;gap:15px}.sample-site-nav{gap:14px;font-size:11px}.sample-header-contact{display:none}.sample-business-hero,.sample-before .sample-business-hero{padding:25px;gap:20px}.comparison .redesign-preview .sample-business-copy h3{font-size:33px}.comparison .sample-before .sample-business-copy h3{font-size:26px}.sample-business-description{font-size:14px!important}.sample-service-tags{font-size:8px;gap:7px}.redesign-hint{max-width:260px}}
@media(max-width:760px){.redesign-top{flex-direction:column;align-items:flex-start;padding-top:14px;margin-bottom:16px;gap:12px}.redesign-top strong{font-size:21px}.redesign-top p{font-size:13px}.expand-comparison{font-size:12px;padding:9px 14px}.redesign-toolbar{margin-bottom:16px;display:block}.redesign-tabs{width:100%}.redesign-tabs button{flex:1;padding:9px 15px;font-size:14px}.redesign-tabs [data-view=compare]{display:none}.redesign-hint,.redesign-labels{display:none}.redesign-frame{height:auto;min-height:0;overflow:hidden;border-radius:8px}.redesign-frame .redesign-layer{position:static}.redesign-frame[data-mode=after] .old-layer,.redesign-frame[data-mode=before] .new-layer{display:none}.redesign-preview{height:auto}.redesign-frame .redesign-divider,.redesign-frame #redesign-range{display:none}.sample-site-header,.sample-before .sample-site-header{height:auto;min-height:80px;padding:15px 19px;gap:15px;flex-wrap:wrap}.sample-identity b{font-size:25px}.sample-symbol{width:30px;height:36px;font-size:24px}.sample-identity small{font-size:9px}.sample-site-nav,.sample-before .sample-site-nav{font-size:11px;gap:15px}.sample-header-contact,.sample-before .sample-header-contact{display:none}.sample-business-hero,.sample-before .sample-business-hero{height:auto;padding:24px 20px 20px;grid-template-columns:1fr;gap:24px}.sample-business-copy{padding-top:0!important}.comparison .redesign-preview .sample-business-copy h3{font-size:35px;line-height:1.5}.comparison .sample-before .sample-business-copy h3{font-size:28px;line-height:1.6}.sample-business-description,.sample-before .sample-business-description{font-size:16px!important;line-height:1.8!important;margin-top:12px}.sample-business-kicker{font-size:11px!important}.sample-business-actions{gap:18px;margin-top:17px}.sample-consult{font-size:14px;padding:11px 16px}.sample-project-link{font-size:12px}.sample-before .sample-consult,.sample-before .sample-project-link{font-size:12px}.sample-service-tags,.sample-before .sample-service-tags{font-size:11px;gap:9px;flex-wrap:wrap;margin-top:16px}.sample-business-photo{height:240px;border-radius:38px 3px 3px 3px}.sample-business-photo>span{font-size:11px}.sample-service-strip,.sample-before .sample-service-strip{font-size:11px;line-height:1.6;flex-direction:column;gap:4px;padding:15px 20px}.redesign-benefits{grid-template-columns:1fr;gap:16px;margin-top:23px}.redesign-benefits article{position:relative;padding-top:12px;padding-inline-start:27px}.redesign-benefits article>span{position:absolute;inset-inline-start:0;top:19px}.redesign-benefits h3{font-size:18px;margin:3px 0 7px}.redesign-benefits p{font-size:14px}.comparison .small-note{font-size:11px;margin-top:18px}[dir=rtl] .redesign-top p{font-size:16px}[dir=rtl] .expand-comparison{font-size:15px}[dir=rtl] .redesign-tabs button{font-size:17px;padding-block:7px}[dir=rtl] .redesign-benefits h3{font-size:23px}[dir=rtl] .redesign-benefits p{font-size:16px}[dir=rtl] .comparison .small-note{font-size:12px}.comparison-full-grid{grid-template-columns:1fr;gap:30px}#comparison-dialog{padding:20px 16px;width:95vw;max-height:92vh}.comparison-dialog-head{top:-20px;padding-bottom:14px;gap:10px}.comparison-dialog-head h2,[dir=rtl] .comparison-dialog-head h2{font-size:25px;line-height:1.5}.comparison-dialog-head .outline-round{width:32px;height:32px;font-size:22px}.comparison-dialog-note,[dir=rtl] .comparison-dialog-note{font-size:15px;line-height:1.8;margin-bottom:22px}.sample-full .sample-business-copy h3{font-size:30px}.sample-full .sample-business-photo{height:250px}.sample-full .sample-site-nav{font-size:11px}.sample-full .sample-business-description{font-size:16px!important}.sample-full-services article p{font-size:15px}.full-view-label{font-size:17px}[dir=rtl] .full-view-label{font-size:22px}.sample-full-services h4,.sample-full-project h4{font-size:24px}.sample-full-contact h4{font-size:22px}.sample-full .sample-consult{font-size:14px}}
.redesign-preview[lang=en]{font-family:var(--sans);direction:ltr;text-align:left}.redesign-preview[lang=en] .sample-identity b{font-family:Georgia,serif;font-size:26px;font-weight:400;letter-spacing:-1px}.redesign-preview[lang=en] .sample-identity small{font-family:var(--sans);font-size:8px;letter-spacing:1px}.redesign-preview[lang=en] .sample-symbol{font-family:Georgia,serif;font-size:26px}.redesign-preview[lang=en] .sample-site-nav{font-size:12px;gap:20px}.redesign-preview[lang=en] .sample-business-kicker{font-size:9px!important;letter-spacing:1px}.comparison .redesign-preview[lang=en] .sample-business-copy h3,.redesign-preview[lang=en] .sample-business-copy h3{font-family:Georgia,serif;font-weight:400;font-size:43px;line-height:1.08;letter-spacing:-1.5px}.redesign-preview[lang=en] .sample-business-description{font-size:13px!important;line-height:1.7!important;max-width:350px}.redesign-preview[lang=en] .sample-service-tags{font-size:9px;gap:9px}.redesign-preview[lang=en] .sample-consult,.redesign-preview[lang=en] .sample-project-link{font-size:11px}.redesign-preview[lang=en] .sample-business-photo{border-radius:3px 55px 3px 3px}.redesign-preview[lang=en] .sample-business-photo>span{right:auto;left:12px}.comparison .sample-before[lang=en] .sample-business-copy h3,.sample-before[lang=en] .sample-business-copy h3{font-family:Arial,sans-serif;font-size:31px;font-weight:700;line-height:1.3;letter-spacing:-.5px}.sample-before[lang=en] .sample-business-copy{text-align:center}.sample-before[lang=en] .sample-business-photo{border-radius:0}.sample-before[lang=en] .sample-business-description{font-family:Arial,sans-serif;font-size:12px!important;line-height:1.75!important}.sample-before[lang=en] .sample-site-nav{font-family:Arial,sans-serif;font-size:12px;gap:15px}.sample-before[lang=en] .sample-identity b{font-family:Arial,sans-serif;font-size:25px;font-weight:700}.sample-full[lang=en] .sample-business-copy h3{font-size:35px}.sample-full[lang=en] .sample-full-services h4,.sample-full[lang=en] .sample-full-project h4,.sample-full[lang=en] .sample-full-contact h4{font-family:Georgia,serif;letter-spacing:-.7px;line-height:1.25}.sample-full[lang=en] .sample-full-services h5{font-family:var(--sans);font-size:15px}.sample-full[lang=en] .sample-full-services p,.sample-full[lang=en] .sample-full-contact p{font-size:13px;line-height:1.75}.sample-full.sample-before[lang=en] .sample-full-services h4,.sample-full.sample-before[lang=en] .sample-full-project h4,.sample-full.sample-before[lang=en] .sample-full-contact h4{font-family:Arial,sans-serif}.redesign-top strong{font-family:var(--sans);direction:inherit;font-size:20px}[dir=rtl] .redesign-top strong{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:22px}
@media(max-width:1000px) and (min-width:761px){.comparison .redesign-preview[lang=en] .sample-business-copy h3{font-size:34px}.comparison .sample-before[lang=en] .sample-business-copy h3{font-size:27px}.redesign-preview[lang=en] .sample-business-actions{gap:12px}}
@media(max-width:760px){.comparison .redesign-preview[lang=en] .sample-business-copy h3{font-size:37px}.comparison .sample-before[lang=en] .sample-business-copy h3{font-size:29px}.redesign-preview[lang=en] .sample-business-description{font-size:15px!important;line-height:1.7!important}.redesign-preview[lang=en] .sample-business-kicker{font-size:8px!important}.redesign-preview[lang=en] .sample-consult{font-size:12px;padding:12px 15px}.redesign-preview[lang=en] .sample-project-link{font-size:11px}.redesign-preview[lang=en] .sample-service-tags{font-size:10px}.redesign-preview[lang=en] .sample-site-nav{font-size:10px;gap:12px}.redesign-preview[lang=en] .sample-identity b{font-size:23px}.redesign-preview[lang=en] .sample-identity small{font-size:7px}.redesign-preview[lang=en] .sample-symbol{width:27px;height:33px;font-size:22px}.redesign-preview[lang=en] .sample-site-header{gap:12px}.redesign-preview[lang=en] .sample-business-photo{border-radius:3px 38px 3px 3px}.sample-before[lang=en] .sample-business-photo{border-radius:0}.sample-full[lang=en] .sample-business-copy h3{font-size:34px}.sample-full[lang=en] .sample-business-description{font-size:15px!important}.sample-full[lang=en] .sample-full-services p,.sample-full[lang=en] .sample-full-contact p{font-size:14px}}
@media(max-width:760px){html[lang=en] .hero{min-height:0}html[lang=en] .hero-art{height:320px}html[lang=en] .hero-laptop{height:210px}html[lang=en] .hero{padding-bottom:30px}}
/* Option 2: unified icon-and-label device selector. */
.responsive-controls{flex-wrap:wrap;gap:18px 22px;align-items:center}.device-buttons{display:inline-flex;gap:0;border:1px solid #d4d4cc;border-radius:40px;overflow:hidden;background:var(--paper);direction:ltr;flex-shrink:0}.device-buttons .device-segment{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;min-width:112px;min-height:66px;border:0;border-inline-end:1px solid #d4d4cc;border-radius:0;font-size:13px;line-height:1.2;color:#555;transition:background .2s,color .2s}.device-buttons .device-segment:last-child{border-inline-end:0}.device-buttons .device-segment.active{background:#111;color:#fff}.device-buttons .device-segment:hover:not(.active){background:#e8e8df;color:#111}.device-buttons .device-segment:focus-visible{outline:2px solid #91b439;outline-offset:-4px}.device-segment svg{width:30px;height:30px;flex-shrink:0;display:block}.device-copy{display:flex;flex-direction:column;gap:5px;text-align:left;font-weight:600;white-space:nowrap}.device-copy small{font:11px/1.2 var(--sans);letter-spacing:1px;font-weight:400;color:#888}.device-segment.active small{color:#c5c5c5}.responsive-controls>label{min-width:170px}.responsive-controls>label>span{display:none}.responsive-controls>output{min-width:48px;font-size:11px;text-align:end;direction:ltr}.responsive-controls input[type=range]{min-width:80px}[dir=rtl] .device-buttons .device-segment{font-size:15px}[dir=rtl] .device-copy{text-align:right;font-weight:500}[dir=rtl] .device-copy small{direction:ltr;text-align:right}[dir=rtl] .responsive-controls label span{display:none}
@media(max-width:1100px){.device-buttons .device-segment{min-width:98px;padding:11px 14px}.device-segment svg{width:27px;height:27px}.responsive-controls{gap:14px}.responsive-controls>label{min-width:100px}}
@media(max-width:760px){.responsive-controls{display:grid;grid-template-columns:1fr auto;gap:16px 14px;margin-top:14px}.device-buttons{grid-column:1 / -1;width:100%;display:flex;gap:0;border-radius:32px}.device-buttons .device-segment,.device-buttons .device-segment:first-child{flex:1;min-width:0;min-height:66px;padding:10px 8px;gap:8px;font-size:12px}.device-segment svg{width:26px;height:26px}.device-copy{gap:5px}.device-copy small{font-size:10px}.responsive-controls>label{min-width:0;margin:0;display:flex}.responsive-controls>output{font-size:11px;min-width:52px}.responsive-controls input[type=range]{height:4px;margin:0}[dir=rtl] .responsive-controls{gap:16px 14px;margin-top:14px}[dir=rtl] .device-buttons .device-segment{font-size:15px;gap:7px}[dir=rtl] .responsive-controls output{font-size:11px}}
@media(max-width:360px){.device-buttons .device-segment{gap:5px;padding-inline:6px;font-size:11px}.device-segment svg{width:23px;height:23px}[dir=rtl] .device-buttons .device-segment{font-size:13px}}
.palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.palette-choice{display:flex;flex-direction:column;align-items:flex-start;gap:6px;border:1px solid #dcdcd3;border-radius:7px;padding:9px;min-height:61px;text-align:start;font-size:10px;line-height:1.3;background:transparent;transition:border-color .2s,background .2s}.palette-choice:hover{border-color:#a7b67c}.palette-choice.selected{border-color:#7e9d3a;background:#eaf1dc;box-shadow:inset 0 0 0 1px #7e9d3a}.palette-dots{display:flex;direction:ltr;align-items:center;padding-left:2px}.palette-dots i{display:block;width:16px;height:16px;border:1px solid #00000014;border-radius:50%;margin-left:-2px}.custom-accent{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#666}.custom-accent input{width:27px;height:25px;border:1px solid var(--line);padding:2px;border-radius:5px;background:transparent;cursor:pointer}.phone-preview{background:var(--sample-paper,#f5f5e9);color:var(--sample-ink,#445223);transition:background .35s,color .35s}.phone-preview .mini-nav{background:var(--sample-paper,#f5f5e9);color:var(--sample-ink,#445223)}[dir=rtl] .palette-choice{font-size:13px;line-height:1.45;gap:5px;min-height:65px}[dir=rtl] .custom-accent{font-size:13px}
@media(max-width:760px){.controls fieldset:first-child{grid-row:1;grid-column:1}.controls .palette-fieldset{grid-row:2;grid-column:1 / -1}.controls fieldset:last-child{grid-row:1;grid-column:2}.palette-grid{grid-template-columns:repeat(3,1fr);gap:7px}.palette-choice{min-height:60px;font-size:10px;padding:8px;gap:7px}.custom-accent{font-size:11px}.palette-dots i{width:17px;height:17px}[dir=rtl] .palette-choice{font-size:13px;min-height:65px;padding:8px}[dir=rtl] .custom-accent{font-size:13px}}
/* Every device has the same type scale, icon size and segment width. */
.device-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:390px;max-width:100%;gap:0}.device-buttons button.device-segment,.device-buttons button.device-segment:first-child{min-width:0;min-height:66px;padding:12px 14px;gap:10px;font-size:14px;font-weight:600;line-height:1.2}.device-buttons .device-copy{font-size:14px;font-weight:600;line-height:1.2;gap:5px}.device-buttons .device-copy>span{font-size:14px;font-weight:600;line-height:1.2}.device-buttons .device-copy>small{font-size:11px;font-weight:400;line-height:1.2;letter-spacing:1px}.device-buttons .device-segment>svg{width:28px;height:28px}.device-buttons button.device-segment.active,.device-buttons button.device-segment.active:first-child{background:#111;color:#fff}.device-buttons button.device-segment.active .device-copy>small{color:#c5c5c5}[dir=rtl] .device-buttons .device-copy,[dir=rtl] .device-buttons .device-copy>span{font-size:16px;font-weight:500;line-height:1.3}[dir=rtl] .device-buttons .device-copy>small{font-size:11px;font-weight:400;line-height:1.2}
@media(max-width:1100px){.device-buttons{width:360px}.device-buttons button.device-segment,.device-buttons button.device-segment:first-child{padding:11px 10px;gap:8px}}
@media(max-width:760px){.device-buttons{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.device-buttons button.device-segment,.device-buttons button.device-segment:first-child{min-height:64px;padding:10px 8px;gap:7px;font-size:12px}.device-buttons .device-copy,.device-buttons .device-copy>span{font-size:12px;font-weight:600;line-height:1.2}.device-buttons .device-copy>small{font-size:10px}.device-buttons .device-segment>svg{width:25px;height:25px}[dir=rtl] .device-buttons .device-copy,[dir=rtl] .device-buttons .device-copy>span{font-size:15px;font-weight:500;line-height:1.3}[dir=rtl] .device-buttons .device-copy>small{font-size:10px}}
@media(max-width:360px){.device-buttons button.device-segment,.device-buttons button.device-segment:first-child{padding-inline:5px;gap:5px}.device-buttons .device-copy,.device-buttons .device-copy>span{font-size:11px}.device-buttons .device-segment>svg{width:22px;height:22px}[dir=rtl] .device-buttons .device-copy,[dir=rtl] .device-buttons .device-copy>span{font-size:13px}}
/* Broader business concepts, retaining Tafseel's geometric identity. */
.industry-picker{margin:0 0 28px}.industry-picker .eyebrow{font-size:11px;margin-bottom:12px}.industry-options{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.industry-choice{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 13px;border:1px solid #d7d7cd;border-radius:6px;background:transparent;text-align:start;font:600 12px Manrope,sans-serif;transition:background .2s,transform .2s}.industry-choice:hover{transform:translateY(-3px);border-color:#777}.industry-choice.active{background:var(--lime,#b5e740);border-color:transparent}.concept-caption{margin:12px 0 0;font-size:11px;color:#777}.hero-laptop .mini-arch{background:#f1e9d9}.hero-laptop .mini-arch h2{font-family:Manrope,sans-serif;font-size:35px;font-weight:800;line-height:1.05;letter-spacing:-1.5px;max-width:55%}.hero-laptop .mini-arch p{background:#b5e740;display:inline-block;padding:8px;font-size:10px}.hero-laptop .mini-arch img{object-fit:cover}.hero-widget{position:absolute;z-index:5;border:1px solid #3333;border-radius:10px;padding:18px;box-shadow:0 12px 25px #0001;transform:rotate(-5deg)}.hero-widget>span{font:8px Manrope,sans-serif;letter-spacing:1px;display:block}.hero-widget>b{font:700 18px/1.2 Manrope,sans-serif;display:block;margin:14px 0}.hero-widget small{font:9px Manrope,sans-serif}.hero-software{width:185px;bottom:12px;left:0;background:#e7e8ff;color:#383665}.hero-care{right:-8px;top:40px;width:125px;background:#e2f1e8;color:#235241;transform:rotate(8deg)}.tiny-bars{height:45px;display:flex;align-items:end;gap:6px;margin-bottom:10px}.tiny-bars i{width:23px;background:#8076c8;border-radius:3px 3px 0 0;height:60%}.tiny-bars i:nth-child(2){height:80%}.tiny-bars i:nth-child(3){height:45%}.tiny-bars i:nth-child(4){height:100%}.tiny-bars i:nth-child(5){height:75%}.comparison-category{display:flex;align-items:center;gap:18px;margin:0 0 18px}.comparison-category>span{font-size:11px;letter-spacing:1px}.comparison-category select,.brief-industry select{background:transparent;color:inherit;border:1px solid #ccc;padding:12px 16px;border-radius:6px;font:inherit;font-size:14px}.brief-industry{display:grid;gap:10px;margin:20px 0}.brief-industry>span{font-size:13px}.sample-business-photo img{object-fit:cover}.sample-after .sample-business-kicker{letter-spacing:1px}html[lang=ar] .industry-choice{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:15px}html[lang=ar] .concept-caption{font-size:13px}html[lang=ar] .hero-laptop .mini-arch h2{font-family:'Reem Kufi',sans-serif;letter-spacing:0;font-size:32px;line-height:1.3}html[lang=ar] .hero-widget>b{font-family:'Reem Kufi',sans-serif}html[lang=ar] .hero-widget small,html[lang=ar] .hero-laptop .mini-arch p{font-family:'IBM Plex Sans Arabic',sans-serif}
@media(max-width:1000px){.industry-options{grid-template-columns:repeat(3,1fr)}.hero-care{right:0;top:20px}.hero-software{width:155px;padding:12px}.hero-laptop .mini-arch h2{font-size:29px}}
@media(max-width:760px){.industry-options{grid-template-columns:repeat(2,1fr);gap:6px}.industry-choice{padding:12px;font-size:12px}.industry-picker{margin-bottom:22px}.hero-care{width:95px;padding:12px;right:0;top:12px}.hero-widget>b{font-size:15px;margin:8px 0}.hero-software{width:132px;bottom:0;padding:12px}.tiny-bars{height:30px}.hero-widget small{font-size:8px}.hero-laptop .mini-arch h2{font-size:24px}.hero-laptop .mini-arch p{font-size:8px;padding:6px}.comparison-category{justify-content:space-between;gap:8px}.comparison-category>span{font-size:10px;letter-spacing:0}.comparison-category select{max-width:55%;font-size:13px}html[lang=ar] .hero-laptop .mini-arch h2{font-size:23px}html[lang=ar] .hero-widget>b{font-size:17px}.concept-caption{line-height:1.6}html[lang=ar] .industry-choice{font-size:15px}}
@media(prefers-reduced-motion:reduce){.industry-choice{transition:none}.industry-choice:hover{transform:none}}
/* Agency-led storytelling: one industry per demonstration. */
.sector-label{font:600 10px/1.6 Manrope,sans-serif;letter-spacing:1.3px;color:#72756b;margin:0 0 16px;text-transform:uppercase}.hero-copy>.sector-label{margin-bottom:18px}.hero-copy>.eyebrow{margin-top:0}.hero-desc{max-width:450px;line-height:1.65}.restaurant-ticket{left:0;bottom:12px;width:185px;background:#fffaf0;color:#5c402a;transform:rotate(-6deg);border-radius:3px;box-shadow:0 12px 25px #0002}.ticket-line{border-top:1px dashed #94755c;margin:12px 0}.restaurant-ticket>b{font-size:19px}.tailor-grid{grid-template-columns:minmax(220px,.8fr) minmax(0,2fr);gap:40px}.responsive-story{padding:10px 0}.responsive-story h3{font-size:29px;line-height:1.16;letter-spacing:-1px;margin:0 0 20px}.responsive-story>p:not(.sector-label):not(.concept-caption){font-size:14px;line-height:1.7;max-width:300px}.responsive-story ul{list-style:none;padding:0;margin:25px 0}.responsive-story li{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid #dcded3;font-size:12px}.responsive-story li span{font:10px monospace;color:#8a8f7d}.responsive-story li b{font-weight:500}.responsive-instruction{color:#777}.craft-link{display:inline-block;border-bottom:1px solid;padding-bottom:6px;margin:0 0 15px;font-size:13px}.responsive-story .concept-caption{max-width:280px;line-height:1.6}.commerce-showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;margin:0 0 35px}.commerce-story h3{font-size:40px;letter-spacing:-1.4px;line-height:1.12;margin:0 0 20px}.commerce-story>p:not(.sector-label){font-size:14px;color:#b8b9b0;line-height:1.7;max-width:360px}.commerce-story .sector-label{color:#b5e740}.commerce-story .concept-caption{display:block;color:#9c9f93;font-size:11px;line-height:1.7}.product-concept{background:#e4eaff;color:#243e67;border-radius:10px;overflow:hidden;transform:rotate(-1deg)}.product-concept-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #243e6725;font-size:9px;letter-spacing:1px}.product-concept-nav>b{font-size:20px;letter-spacing:-1px}.product-concept-body{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:20px;gap:15px}.product-concept-body>div{padding:15px}.product-concept-body small{font-size:8px;letter-spacing:1px}.product-concept-body h4{font:700 43px/1.05 Manrope,sans-serif;letter-spacing:-2px;margin:18px 0 24px}.product-concept-body img{width:100%;height:250px;object-fit:cover;border-radius:130px 130px 10px 10px}.product-chip{display:inline-block;background:#244C9C;color:white;font-size:10px;padding:10px 13px;border-radius:30px}.process-context{position:absolute;top:29px;inset-inline-end:28px;font:10px Manrope,sans-serif;color:#747b68;max-width:65%;text-align:end}.process-card{position:relative}.experiment-intro .sector-label{font-size:9px}.experiments .experiment-intro h2{font-size:45px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html[lang=ar] .sector-label,html[lang=ar] .process-context{font-family:'IBM Plex Sans Arabic',sans-serif;letter-spacing:0;font-size:13px}html[lang=ar] .responsive-story h3,html[lang=ar] .commerce-story h3{font-family:'Reem Kufi',sans-serif;letter-spacing:0;line-height:1.45}html[lang=ar] .responsive-story>p:not(.sector-label):not(.concept-caption),html[lang=ar] .commerce-story>p:not(.sector-label){font-size:17px}html[lang=ar] .responsive-story li{font-size:15px}html[lang=ar] .product-concept-body h4{font-family:'Reem Kufi',sans-serif;line-height:1.4;letter-spacing:0}html[lang=ar] .product-chip{font-size:13px}html[lang=ar] .product-concept-nav>span,html[lang=ar] .product-concept-body small{font-family:'IBM Plex Sans Arabic',sans-serif;letter-spacing:0;font-size:11px}html[lang=ar] .restaurant-ticket>b,html[lang=ar] .restaurant-ticket small{font-family:'IBM Plex Sans Arabic',sans-serif}html[lang=ar] .restaurant-ticket small{font-size:10px}html[lang=ar] .experiments .experiment-intro h2{font-size:38px;line-height:1.4}
@media(max-width:1000px){.tailor-grid{gap:25px;grid-template-columns:minmax(190px,.7fr) minmax(0,1.5fr)}.responsive-story h3{font-size:25px}.commerce-showcase{gap:25px}.commerce-story h3{font-size:32px}.product-concept-body h4{font-size:35px}.product-concept-body img{height:220px}.restaurant-ticket{width:150px;padding:14px}.restaurant-ticket>b{font-size:17px}.restaurant-ticket small{font-size:8px}}
@media(max-width:760px){.tailor-grid{grid-template-columns:1fr;gap:20px}.responsive-story{padding:0}.responsive-story h3{font-size:29px}.responsive-story>p:not(.sector-label):not(.concept-caption){max-width:none}.responsive-story ul{margin:18px 0}.responsive-story li{padding:12px 0;font-size:13px}.responsive-story .concept-caption{max-width:none}.commerce-showcase{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.commerce-story h3{font-size:34px}.product-concept-body h4{font-size:34px}.product-concept-body img{height:210px}.product-concept-body{gap:5px;padding:10px}.product-concept-body>div{padding:10px}.product-concept-nav{padding:14px 20px}.restaurant-ticket{width:128px;padding:12px;bottom:4px}.restaurant-ticket>b{font-size:15px}.restaurant-ticket>span{font-size:7px}.restaurant-ticket small{font-size:7px}.sector-label{font-size:9px;margin-bottom:12px}.hero-copy>.sector-label{margin-bottom:12px}.hero-desc{font-size:15px}.experiments .experiment-intro h2{font-size:40px}.process-context{font-size:9px;top:25px;inset-inline-end:20px}html[lang=ar] .responsive-story h3{font-size:28px}html[lang=ar] .commerce-story h3{font-size:30px}html[lang=ar] .restaurant-ticket>b{font-size:15px}html[lang=ar] .restaurant-ticket small{font-size:8px}html[lang=ar] .process-context{font-size:12px}html[lang=ar] .hero-desc{font-size:17px}}
/* Experiment palette matched to the supplied reference. */
.experiments .kinetic{background:#e9a4e5;background-image:none;color:#4d2764}
.experiments .geometry{background:#ded0fb;background-image:none}
.experiments .grid-art{background:#def08c;background-image:none}