.hero{min-height:100svh;position:relative;overflow:hidden}.hero-inner{max-width:1440px;height:100svh;min-height:640px;padding:88px var(--gutter) 32px;box-sizing:border-box;grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center;gap:clamp(16px,3vw,48px);margin-inline:auto;display:grid}.hero-copy{z-index:2;position:relative}.hero-title{letter-spacing:-.028em;text-wrap:balance;margin:0;font-size:clamp(2.2rem,1.1rem + 3.6vw,4.4rem);font-weight:650;line-height:1.02}:lang(ar) .hero-title{letter-spacing:0;line-height:1.22}.hero-sub{max-width:44ch;color:var(--slate);margin:24px 0 0;font-size:1.12rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-captions{min-height:3.2em;margin-top:40px;display:grid}.hero-caption{border-inline-start:3px solid var(--laser);grid-area:1/1;align-self:start;max-width:34ch;margin:0;padding-inline-start:14px;font-size:1.12rem;font-weight:480}.hero-skip{color:var(--slate);margin-top:20px;font-size:.88rem;display:inline-block}.hero-stage{height:min(760px,100svh - 140px);min-height:420px;position:relative}.hero-fit{width:0;height:0;transform:scale(var(--fit,.7));position:absolute;top:46%;left:42%}.stack{width:960px;height:600px;transform-style:preserve-3d;will-change:transform;position:absolute;top:-300px;left:-480px}.slab{transform-style:preserve-3d;position:absolute;inset:0}.slab-shot{-webkit-user-select:none;user-select:none;background:#fff;border-radius:12px;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 0 0 1px #1a1f2424,0 1px 0 1px #1a1f2438}.pos-screen,.pos-pane,.pos-payment{position:absolute;inset:0}.laser{inset-inline:18px;background:var(--laser);pointer-events:none;border-radius:2px;height:3px;position:absolute;top:50%;box-shadow:0 0 18px 4px #d02c278c}html[dir=rtl] .hero-fit{left:58%}html[dir=rtl] .hero-receipts{left:-580px}.callout{transform-origin:0 0;pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;top:100%;left:100%;transform:rotate(38deg)rotateX(-58deg)}.callout-line{border-top:2px solid var(--slate);flex:none;width:56px;height:0}.callout-text{white-space:normal;width:max-content;max-width:13em;color:var(--ink);background:var(--paper);border-radius:6px;padding:4px 10px;font-size:22px;font-weight:450;line-height:1.3}html[dir=rtl] .callout{transform-origin:100% 0;top:0;left:auto;right:100%}.crumbs{position:absolute;top:0;left:0}.crumb{font-family:var(--font-mono);color:var(--ink);white-space:nowrap;font-size:22px;font-weight:600;position:absolute;top:0;left:0;translate:-50% -50%}.crumb:nth-child(3n){color:var(--laser)}.hero-receipts{width:280px;display:grid;position:absolute;top:60px;left:300px}.hero-receipt{grid-area:1/1}.hero-receipt img{border-radius:10px;width:100%;height:auto;display:block;box-shadow:0 0 0 1px #1a1f241f,0 18px 36px -20px #1a1f2480}@media (min-width:761px) and (max-width:1100px){.hero-inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.hero-title{font-size:clamp(2rem,.6rem + 3.4vw,3.3rem)}.hero-captions{margin-top:24px}}@media (max-width:760px){.hero-inner{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:start;min-height:560px;padding-top:84px}.hero-title{font-size:clamp(1.9rem,1.2rem + 3vw,2.4rem)}.hero-copy .hero-sub,.hero-copy .hero-actions{display:none}.hero-captions{margin-top:14px}.hero-caption{font-size:1rem}.hero-inner{padding-top:80px}.hero-fit,html[dir=rtl] .hero-fit{top:50%;left:50%}.hero-skip{display:none}.hero-stage{height:100%;min-height:300px}.callout{display:none}}@media (prefers-reduced-motion:reduce){.hero [data-hero-el]{transform:var(--final-transform,none)!important;opacity:var(--final-opacity,1)!important;clip-path:var(--final-clip,none)!important}.hero .callout{display:none}}.hero-after{display:none}@media (max-width:760px){.hero-after{padding:16px var(--gutter) 0;display:block}.hero-after .hero-sub{margin-top:0}.hero-after .hero-actions{margin-top:20px}}
.t-lead{margin-top:16px}.work{padding-bottom:0}.project{padding-block:clamp(56px,8vw,120px)}.project+.project{border-top:1px solid var(--rule)}.work .project:last-child{padding-bottom:clamp(48px,6vw,88px)}.services{border-top:1px solid var(--rule)}.project-kind{color:var(--slate);margin:0;font-size:1.05rem}.project-name{letter-spacing:-.035em;margin:6px 0 0;font-size:clamp(2.6rem,1rem + 6.4vw,7rem);font-weight:660;line-height:.98}:lang(ar) .project-name{letter-spacing:0;line-height:1.15}.project-name a{color:inherit;text-decoration:none}.project-name a:hover{text-decoration:underline;text-decoration-thickness:.06em;-webkit-text-decoration-color:var(--laser);text-decoration-color:var(--laser);text-underline-offset:.1em}.project-summary{max-width:46ch;margin:20px 0 0;font-size:clamp(1.12rem,1rem + .4vw,1.35rem);line-height:1.5}.shots{margin-top:clamp(32px,5vw,64px)}.screen{background:#fff;border-radius:10px;width:100%;height:auto;display:block;box-shadow:0 0 0 1px #1a1f241f,0 24px 48px -32px #1a1f2473}.shots picture{display:block}.shots-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,24px);margin-top:clamp(12px,2vw,24px);display:grid}.shots-cell,.phone{margin:0}.shots-phone{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);display:grid}.phone{background:var(--ink);border-radius:34px;padding:7px}.phone-shot{border-radius:27px;width:100%;height:auto;display:block}.project-foot{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px 48px;margin-top:clamp(28px,4vw,48px);display:flex}.figures{flex-wrap:wrap;align-items:flex-start;gap:20px clamp(28px,4vw,64px);margin:0;display:flex}.figure{flex-direction:column-reverse;max-width:17em;display:flex}.figure dd{letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-align:start;margin:0;font-size:clamp(2rem,1.4rem + 1.6vw,3rem);font-weight:600;line-height:1.05}.figure dt{color:var(--slate);margin-top:6px;font-size:.94rem;line-height:1.4}.project-link{font-weight:520}@media (max-width:760px){.shots-row,.shots-phone{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);scrollbar-width:none;display:flex;overflow-x:auto}.shots-cell{scroll-snap-align:start;flex:0 0 80%}.shots-cell .screen{aspect-ratio:4/5;object-fit:cover;object-position:top left}.phone{scroll-snap-align:start;flex:0 0 70%}}.spread-points{max-width:60ch;margin:20px 0 0;padding:0;list-style:none}.spread-points li{border-bottom:1px solid var(--rule);padding:10px 0}.demo{background:var(--paper-shade);border-radius:20px;padding:28px}.demo-till{background:var(--screen,#12181d);color:#e8ecea;border:1px solid var(--rule)}.demo-title{margin:0 0 18px;font-size:1.1rem;font-weight:560}.demo-facts{flex-wrap:wrap;gap:8px 28px;margin:0 0 18px;display:flex}.demo-facts dt{opacity:.7;font-size:.82rem}.demo-facts dd{font-family:var(--font-mono);margin:0}.demo-inputs{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 14px;display:grid}.demo-inputs input{min-height:44px;color:inherit;font:inherit;font-family:var(--font-mono);background:0 0;border:1.5px solid;border-radius:10px;min-width:0;padding:0 12px}.demo-result{border-top:1.5px solid;justify-content:space-between;align-items:baseline;gap:12px;margin:20px 0 0;padding-top:16px;font-size:1.12rem;font-weight:560;display:flex}.demo-till .demo-result{color:var(--display)}.demo-till .demo-result-due{color:#ffb4ad}.demo-big{font-size:2.6rem;font-weight:650;line-height:1}.demo-coverage .demo-result{justify-content:flex-start}.demo-note{opacity:.75;margin:12px 0 0;font-size:.86rem}.plan-input{background:var(--paper);border-radius:12px;margin:0;padding:14px 16px;font-size:1.02rem}.plan-steps{margin:16px 0;padding-inline-start:1.4em;list-style:decimal}.plan-step{padding:6px 0}.plan-step.is-applied{text-decoration:line-through;-webkit-text-decoration-color:var(--laser);text-decoration-color:var(--laser);text-decoration-thickness:2px}.plan-done{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.plan-done p{margin:0;font-weight:560}.process,.lab{border-top:1px solid var(--rule);padding-block:clamp(56px,7vw,104px)}.process-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px clamp(24px,3vw,48px);margin:clamp(32px,4vw,56px) 0 0;display:grid}.process-item{border-top:2px solid var(--ink);padding-top:16px}.process-item dt{margin:0;font-size:1.15rem}.process-item dd{max-width:40ch;color:var(--slate);margin:8px 0 0}@media (max-width:1100px){.process-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.lab-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);display:grid}.lab-list{margin:0;padding:0;list-style:none}.lab-list li{border-bottom:1px solid var(--rule);padding:18px 0;font-size:1.1rem}.lab-list li:first-child{border-top:1px solid var(--rule)}.estimator{background:var(--paper-shade)}.estimator-grid{grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.estimator-pickers{gap:28px;margin-top:36px;display:grid}.estimator-pickers fieldset{border:0;flex-wrap:wrap;gap:10px;margin:0;padding:0;display:flex}.estimator-pickers legend{width:100%;margin-bottom:12px;font-size:1.1rem;font-weight:560}.choice{cursor:pointer;display:inline-flex;position:relative}.choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice span{border:1.5px solid var(--ink);border-radius:8px;align-items:center;min-height:44px;padding:0 18px;transition:background-color .14s,color .14s;display:inline-flex}.choice input:checked+span{background:var(--ink);color:var(--paper)}.choice input:focus-visible+span{outline:3px solid var(--focus);outline-offset:3px}.estimator-unavailable{border-inline-start:3px solid var(--laser);background:var(--paper);margin-top:28px;padding:16px 18px}.estimator-receipt{position:sticky;top:96px}.estimator-receipt-title{text-align:center;margin:0;font-size:1.05rem;font-weight:600}.estimator-total{font-size:1.05rem;font-weight:650}.estimator-disclaimer{color:#5b6670;margin:14px 0 0;font-size:.8rem}.estimator-send,.estimator-form{font-family:var(--font-sans);margin-top:20px}.estimator-send{width:100%}.contact-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.contact-whatsapp{margin-top:24px;font-weight:500}.contact-form{gap:20px;display:grid}.fields{gap:16px;display:grid}.field{gap:6px;display:grid}.field label{font-size:.94rem;font-weight:500}.field input,.field textarea{border:1.5px solid var(--rule);background:var(--paper);min-height:48px;color:var(--ink);font:inherit;border-radius:12px;padding:10px 14px}.paper-receipt .field input{color:#1a1f24;background:#fff;border-color:#1a1f244d}.paper-receipt .field label,.paper-receipt .field-hint{color:#1a1f24}.paper-receipt .form-error{color:#d02c27}.field input:focus,.field textarea:focus{border-color:var(--ink)}.field textarea{resize:vertical}.field-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field-hint{color:var(--slate);margin:-6px 0 0;font-size:.86rem}.hp{width:1px;height:1px;position:absolute;inset-inline-start:-10000px;overflow:hidden}.form-status{min-height:1.6em;margin:0}.form-sent{font-weight:560}.form-error{color:var(--laser);font-weight:500}.contact-form .button{justify-self:start}@media (max-width:860px){.lab-grid,.estimator-grid,.contact-grid,.process-list{grid-template-columns:minmax(0,1fr)}.estimator-receipt{position:static}}@media (max-width:520px){.field-pair{grid-template-columns:minmax(0,1fr)}.demo{padding:20px}}.case{padding-top:calc(64px + clamp(24px,5vw,64px));padding-bottom:clamp(72px,10vw,140px)}.case-back{margin-bottom:32px;display:inline-block}.case-title{margin:0}.case-shots{margin-top:clamp(16px,3vw,40px)}.case-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(32px,6vw,96px);margin-top:clamp(40px,6vw,80px);display:grid}.case-body{max-width:var(--measure)}.case-body h2{margin:40px 0 12px}.case-body h2:first-child{margin-top:0}.case-body p{margin:0 0 12px}.case-body .spread-points{max-width:none;margin-top:0}.case-next{border-top:2px solid var(--ink);color:var(--slate);gap:8px;margin-top:clamp(64px,9vw,128px);padding-top:32px;display:grid}.case-next-link{color:var(--ink);text-decoration:none}.case-next-link:hover{text-decoration:underline;-webkit-text-decoration-color:var(--laser);text-decoration-color:var(--laser);text-underline-offset:.12em}@media (max-width:860px){.case-grid{grid-template-columns:minmax(0,1fr)}}
