.scroll-hint{position:absolute;inset-block-start:calc(100svh - var(--scroll-hint-inset) - env(safe-area-inset-bottom,0px));inset-inline:0;z-index:4;display:grid;justify-items:center;translate:0 -100%;color:var(--white);font-size:.875rem;font-weight:700;line-height:1.4;filter:drop-shadow(var(--scroll-hint-shadow)) drop-shadow(var(--scroll-hint-shadow));pointer-events:none;-webkit-user-select:none;user-select:none}:root{--midnight:#070d1c;--navy:#102448;--blue:#2563eb;--blue-hover:#3c77f1;--ice:#70c8ff;--blue-soft:#acd1ff;--pale:#d8eaff;--light:#edf3fc;--white:#f8fafc;--ink:#10213e;--muted:#62748e;--border:#ffffff26;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-xl:48px;--radius-pill:999px;--content-width:1220px;--section-space:clamp(80px,10vw,150px)}:root{--color-070d1ced:#070d1ced;--color-0004:#0004;--color-d4dfef:#d4dfef;--color-839cbe:#839cbe;--color-142c57:#142c57;--color-b5c3d7:#b5c3d7;--color-0006:#0006;--color-a4c7fb:#a4c7fb;--color-c2dcff:#c2dcff;--color-163462:#163462;--color-0b28572b:#0b28572b;--color-c4dcff:#c4dcff;--color-a2b2c9:#a2b2c9;--color-0005:#0005;--color-f2f7ff:#f2f7ff;--color-173b6710:#173b6710;--color-abbad0:#abbad0;--color-405b80:#405b80;--color-152a4b:#152a4b;--color-dfebff:#dfebff;--color-b4c2d4:#b4c2d4;--color-e1efff:#e1efff;--color-bbcadc:#bbcadc;--color-a8b9cd:#a8b9cd;--color-8fa3bf:#8fa3bf;--color-070d1cee:#070d1cee}:root{--transition-stroke-1:var(--blue);--transition-stroke-2:var(--ice)}:root{--section-end-space:clamp(35px,4vw,60px)}:root{--card-hover-lift: 18px;--card-hover-duration: .3s;--mobile-nav-height: 62px;--nav-edge-gap: clamp(10px, 1vw, 16px);--scroll-hint-inset: clamp(16px, 3vw, 40px);--scroll-hint-shadow: 0 1px 4px var(--midnight);--nav-panel-height: clamp(66px, 5vw, 80px);--nav-panel-shadow: 0 8px 24px var(--color-0004);--section-gutter: 5%;--section-gutter-mobile: 20px;--section-space-mobile: 64px;--mobile-card-gap: clamp(12px, 3vw, 20px);--mobile-card-padding: clamp(12px, 4vw, 24px);--section-heading-gap: clamp(30px, 4vw, 50px);--process-step-gap: 100px;--process-step-gap-mobile: 55px;--faq-heading-gap: 70px;--faq-pair-gap: 54px;--faq-message-gap: 16px;--footer-divider-gap: 25px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--midnight);color:var(--white);font-family:IBM Plex Sans Arabic,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}a:focus-visible,button:focus-visible{outline:3px solid var(--ice);outline-offset:4px}.skip{position:fixed;top:-100px;z-index:100;background:var(--blue);padding:12px}.skip:focus{top:0}.brand-logo{filter:brightness(0) invert(1)}.footer-logo{width:142px}.footer a:hover{color:var(--ice)}.eyebrow,.small-tag{font-size:10px;letter-spacing:.14em;direction:ltr;font-weight:700;color:var(--color-839cbe)}.button,.nav-cta{display:inline-flex;align-items:center;background:var(--blue)}.button,.nav-cta{transition:background-color .2s}.button{gap:18px;padding:13px 23px;border-radius:var(--radius-pill);font-size:14px;font-weight:700}.button:hover,.nav-cta:hover{background:var(--blue-hover)}.section-head{text-align:center}.section-head h2 span,.contact h2 span{color:var(--ice)}.section-head h2,.services-heading h2{font-size:clamp(46px,6vw,82px);line-height:1.25;letter-spacing:-.04em;margin:15px 0}.section-head p,.services-heading p{font-size:clamp(15px,1.4vw,18px);color:var(--muted);line-height:1.8}.services{height:100svh;min-height:650px;position:relative;overflow:hidden;background:var(--light);color:var(--ink)}.services-heading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.services-heading h2 span{color:var(--blue)}.service-stage{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.service-card{position:absolute;top:50%;left:50%;width:clamp(290px,27vw,400px);aspect-ratio:7/5;border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transform:translate(-50%,200%);box-shadow:0 20px 50px var(--color-0b28572b)}.service-card img{position:absolute;top:10%;left:5%;width:56%;height:60%;object-fit:contain}.service-card>div{position:relative;z-index:1}.service-card h3{font-size:clamp(19px,2vw,26px);margin:0}.service-card p{font-size:12px;line-height:1.7;margin:4px 0 0;max-width:260px}.service-card.blue,.project-card.blue{background:var(--blue);color:var(--white)}.service-card.pale,.project-card.pale{background:var(--color-c4dcff);color:var(--ink)}.service-card.dark,.project-card.dark{background:var(--navy);color:var(--white)}.service-card.white{background:var(--white);color:var(--ink)}.service-card .small-tag{color:inherit;opacity:.7;text-align:left}.portfolio{height:100svh;min-height:700px;overflow:hidden;position:relative;background:var(--midnight);perspective:1100px}.portfolio .section-head{position:absolute;inset:5% 5% auto}.portfolio .section-head p{color:var(--color-a2b2c9)}.portfolio-stage{position:absolute;top:0;right:0;bottom:0;left:0}.project-card{position:absolute;left:50%;top:57%;width:min(80%,1150px);height:min(54%,520px);min-height:350px;border-radius:var(--radius-lg);padding:clamp(25px,4vw,50px);display:flex;gap:40px;box-shadow:0 24px 60px var(--color-0005);transform-origin:center bottom}.project-copy,.project-image{flex:1}.project-copy{display:flex;flex-direction:column;justify-content:space-between}.project-copy h3{font-size:clamp(32px,4vw,58px);margin:20px 0 8px}.project-copy p{font-size:17px;line-height:1.8}.project-copy small{display:block;opacity:.75}.project-copy a{display:inline-block;margin-top:16px;text-decoration:underline}.pill{display:inline-block;border:1px solid currentColor;border-radius:var(--radius-pill);padding:6px 14px;font-size:11px}.project-image{border-radius:var(--radius-md);background:var(--color-f2f7ff);display:grid;place-items:center;overflow:hidden}.project-image img{width:90%;height:90%;object-fit:contain}.process{background:var(--light);color:var(--ink);padding:var(--section-space) var(--section-gutter)}.process .section-head h2 span{color:var(--blue)}.process-rows{position:relative;isolation:isolate;max-width:var(--content-width);margin:var(--section-heading-gap) auto 0;display:flex;flex-direction:column;gap:var(--process-step-gap)}.process-path{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.process-path path{fill:none;stroke:var(--blue);stroke-width:55;stroke-linecap:round;opacity:.9}.process-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;min-height:310px}.process-row:nth-of-type(2n) .process-copy{grid-column:2;grid-row:1}.process-row:nth-of-type(2n) img{grid-column:1;grid-row:1}.process-copy{background:var(--white);border-radius:var(--radius-lg);padding:clamp(28px,4vw,55px);box-shadow:0 15px 50px var(--color-173b6710)}.step-number{color:var(--blue);font-size:13px;font-weight:700}.process-copy h3{font-size:clamp(26px,3vw,40px);margin:16px 0}.process-copy p{color:var(--muted);line-height:2;font-size:16px}.process-row img{width:100%;max-height:380px;object-fit:contain}.faq{background:var(--light);color:var(--ink);padding:var(--section-space) 20px}.faq .section-head h2 span{color:var(--blue)}.faq-list{max-width:880px;margin:var(--faq-heading-gap) auto 0;display:flex;flex-direction:column;gap:var(--faq-pair-gap)}.faq-pair{display:flex;flex-direction:column;gap:var(--faq-message-gap)}.faq-bubble{padding:21px 27px;border-radius:var(--radius-lg);max-width:76%;font-size:16px;line-height:1.9;margin:0}.question{align-self:flex-start;background:var(--white);font-size:18px}.answer{align-self:flex-end;background:var(--blue);color:var(--white)}.contact{background:var(--midnight);padding:var(--section-space) var(--section-gutter) 100px}.contact-inner{max-width:var(--content-width);margin:auto;display:grid;grid-template-columns:1.25fr .9fr;gap:5%;align-items:center}.contact h2{font-size:clamp(43px,5vw,72px);line-height:1.35;margin:20px 0}.contact p{font-size:17px;color:var(--color-b4c2d4);line-height:1.9}.contact-links{display:flex;gap:12px;margin:30px 0}.contact-links a{display:flex;flex-direction:column;gap:7px;background:var(--color-e1efff);color:var(--ink);border-radius:var(--radius-md);padding:18px;flex:1;min-width:0;font-size:13px}.contact-links b{font-size:clamp(11px,1vw,14px);overflow-wrap:anywhere}.contact-art{position:relative;height:360px}.contact-art img{position:absolute;width:85%;height:85%;object-fit:contain}.contact-art img:last-child{width:62%;height:62%;bottom:0;left:0}.footer{background:var(--midnight);padding:0 5% 30px}.footer-inner{max-width:var(--content-width);margin:auto;border-top:1px solid var(--border);padding:65px 0;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.footer h2{font-size:14px;margin:0 0 20px}.footer a{display:block;font-size:13px;color:var(--color-bbcadc);margin-bottom:10px;overflow-wrap:anywhere}.footer p{color:var(--color-a8b9cd);line-height:1.9;font-size:14px;max-width:280px}.footer-bottom{max-width:var(--content-width);border-top:1px solid var(--border);margin:auto;padding-top:var(--footer-divider-gap);display:flex;justify-content:space-between;color:var(--color-8fa3bf);font-size:11px}.footer-bottom a{margin:0}.footer-logo{max-width:150px}@media(max-width:800px){html{scroll-padding-top:85px}.process-rows{gap:var(--process-step-gap-mobile)}.process-row{grid-template-columns:1fr;gap:15px}.process-row:nth-of-type(2n) .process-copy,.process-row:nth-of-type(2n) img{grid-column:auto;grid-row:auto}.process-row img{max-height:260px}.process-path{width:180%;left:-40%}.process-path path{stroke-width:30}.faq-bubble{max-width:92%;font-size:15px}.question{font-size:16px}.contact-inner{grid-template-columns:1fr}.contact-art{height:300px;grid-row:2}.contact-links{flex-direction:column}.footer-inner{grid-template-columns:1fr 1fr;gap:35px}.footer-inner>div:first-child{grid-column:1/-1}}body{overflow-x:clip}.process,.contact,.footer{overflow:clip}.faq-slot{display:flex;align-items:flex-start}.question-slot{justify-content:flex-start}.answer-slot{justify-content:flex-end}.faq-bubble{width:fit-content;overflow:hidden}.faq-copy{font:inherit;line-height:inherit;margin:0}.question .faq-copy{font-weight:700}@media(min-width:801px)and (max-height:720px){.services{height:100svh;min-height:100svh}.service-card{width:clamp(230px,17vw,260px)}.service-card{padding:14px}.service-card img{left:5%;top:10%;width:44%;height:50%}.service-card>div{width:58%;max-width:none;align-self:flex-start;text-align:right}.service-card h3{font-size:clamp(15px,1.25vw,18px)}.service-card p{font-size:11px;line-height:1.5}}.services-heading .split-line-mask,.services-heading .split-line{padding-block:.24em;margin-block:-.24em}@media(min-width:801px)and (min-height:801px){.service-card{width:clamp(350px,29vw,540px);height:min(32vh,300px);aspect-ratio:auto}.service-card img{top:8%;left:4%;width:55%;height:64%}}@media(min-width:801px)and (max-height:800px){.service-card{width:clamp(330px,29vw,500px);height:min(31vh,260px);aspect-ratio:auto;padding:20px}.service-card img{top:8%;left:4%;width:52%;height:60%}.service-card>div{width:65%}.service-card h3{font-size:clamp(16px,1.35vw,21px);line-height:1.35}.service-card p{font-size:12px;line-height:1.5;max-width:none}}@media(max-width:1100px),(max-height:800px){.services:not(.is-motion){height:auto;min-height:0;padding:clamp(70px,10vw,110px) 5%;overflow:visible}.services:not(.is-motion) .services-heading{position:static;padding:0}.services:not(.is-motion) .service-stage{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:900px;margin:40px auto 0;pointer-events:auto}.services:not(.is-motion) .service-card{position:relative;inset:auto;transform:none;width:100%;max-width:none;min-height:240px;height:auto;aspect-ratio:auto;margin:0;padding:20px;overflow:visible}.services:not(.is-motion) .service-card img{top:42px;left:20px;width:38%;height:100px}.services:not(.is-motion) .service-card>div{width:100%;align-self:auto;text-align:right;padding-top:110px}.services:not(.is-motion) .service-card h3{font-size:22px;line-height:1.4}.services:not(.is-motion) .service-card p{font-size:14px;line-height:1.7;max-width:none}}@media(max-width:600px){.services:not(.is-motion) .service-stage{grid-template-columns:1fr}}.process-path{overflow:visible}.process{padding-bottom:var(--section-end-space)}.contact{padding-top:var(--section-end-space)}.hero{--hero-unit: min(1vw, 1.78svh, 18px);position:relative;display:flex;flex-direction:column;padding-top:clamp(84px,calc(7.65 * var(--hero-unit)),138px);overflow:clip;background:var(--midnight)}.hero-copy{width:min(100%,1020px);margin-inline:auto;padding-inline:20px;text-align:center}.hero-copy h1{margin:0;font-size:clamp(45px,calc(4.65 * var(--hero-unit)),84px);line-height:.97;letter-spacing:-.035em}.hero-line{display:block;clip-path:inset(-.16em 0)}.hero-line>span{display:block;width:fit-content;margin-inline:auto}.hero-line.accent>span{position:relative;padding-bottom:.18em}.hero-line.accent>span:after{position:absolute;inset:auto auto 0 5%;width:42%;height:.085em;border-radius:65% 40% 55% 42%;background:var(--blue-soft);transform:rotate(-2deg);content:""}.hero-copy p{margin:clamp(9px,.62vw,12px) 0 clamp(14px,1.2vw,20px);font-size:clamp(16px,calc(1.68 * var(--hero-unit)),30px);line-height:1.45}.hero-copy .button{justify-content:center;gap:.6em;width:clamp(188px,calc(17.25 * var(--hero-unit)),311px);min-height:clamp(46px,calc(3.75 * var(--hero-unit)),68px);padding:0 16px;border-radius:var(--radius-md);font-size:clamp(17px,calc(1.55 * var(--hero-unit)),28px)}.hero-copy .button span{font-size:1.35em;line-height:1}.fan{--fan-intro: 1;--fan-scroll: 1;--fan-sink: 0px;translate:0 var(--fan-sink);width:min(100%,calc(100 * var(--hero-unit)));min-height:calc(28.1 * var(--hero-unit));position:relative;container-type:inline-size;direction:ltr;margin:clamp(28px,calc(2.75 * var(--hero-unit)),49px) auto 0}.fan-card{--card-rise: 0px;--card-lift: 0px;--fan-spread: calc(var(--fan-intro) * var(--fan-scroll));translate:0 calc(var(--card-rise) + var(--card-lift));position:absolute;top:var(--fan-top);bottom:-15cqw;left:50%;width:var(--fan-card-width, 23%);padding-top:2.2cqw;border:1px solid var(--border);border-top-color:var(--color-c2dcff);border-radius:clamp(16px,2.7cqw,var(--radius-xl));overflow:hidden;transform:translate(calc(-50% + var(--fan-x) * var(--fan-spread))) rotate(calc(var(--fan-angle) * var(--fan-spread))) perspective(680px) rotateX(var(--fan-tilt, 0deg));transform-origin:center top;box-shadow:0 12px 38px var(--color-0006),inset 0 1px 2px var(--border);background:linear-gradient(150deg,var(--pale),var(--blue-soft));color:var(--ink);direction:rtl;text-align:center}.fan-card h2{position:relative;z-index:1;left:var(--fan-title-offset, 0px);margin:0;padding-inline:.4em;font-size:clamp(13px,1.45cqw,26px);line-height:1.25}.fan-card img{--art-x: 0px;--art-y: 0px;position:absolute;top:var(--fan-art-top);left:calc(50% + var(--fan-art-offset, 0px));width:var(--fan-art-width);max-width:none;translate:calc(-50% + var(--art-x)) var(--art-y);filter:drop-shadow(0 6px 6px var(--color-0b28572b))}.fan-workflow,.fan-website{--fan-card-width: 22%;--fan-top: 7.65cqw;z-index:1;color:var(--white)}.fan-workflow{--fan-x: -36.9cqw;--fan-angle: -10.5deg;--fan-art-width: 111%;--fan-title-offset: -1.25cqw;--fan-art-top: 4.25cqw;background:linear-gradient(150deg,var(--color-405b80),var(--navy) 64%)}.fan-dashboard,.fan-mobile{--fan-top: 3.45cqw;--fan-art-width: 132%;--fan-art-top: 4.7cqw;z-index:2}.fan-dashboard{--fan-x: -19.3cqw;--fan-angle: -6deg;--fan-art-width: 128%;--fan-art-top: 4.85cqw;--fan-title-offset: -1.3cqw}.fan-product{--fan-card-width: 25.5%;--fan-top: 0px;--fan-x: 0px;--fan-angle: 0deg;--fan-art-width: 164%;--fan-art-offset: .45cqw;--fan-tilt: -12deg;--fan-art-top: 3.9cqw;z-index:3;padding-top:1.55cqw;border-color:var(--white);background:linear-gradient(160deg,var(--white),var(--light))}.fan-mobile{--fan-x: 19.3cqw;--fan-angle: 6deg;--fan-title-offset: 1.5cqw;--fan-art-offset: 1.65cqw}.fan-website{--fan-x: 36.9cqw;--fan-angle: 10.5deg;--fan-art-width: 113%;--fan-title-offset: 1.6cqw;--fan-art-offset: 2.15cqw;--fan-art-top: 3.9cqw;background:linear-gradient(150deg,var(--blue-hover),var(--blue) 35%,var(--navy))}@media(max-width:800px){.hero{justify-content:center;padding-block:clamp(86px,11svh,118px) clamp(28px,7vw,56px)}.hero-copy h1{font-size:clamp(32px,9.3vw,64px);line-height:1.08}.hero-copy p{max-width:36ch;margin:14px auto 20px;text-wrap:pretty}.fan{width:100%;min-height:clamp(208px,63vw,465px);margin-top:clamp(30px,8vw,54px)}.fan-card{bottom:2.6cqw;padding-top:3cqw;border-radius:clamp(var(--radius-sm),4.5cqw,var(--radius-lg))}.fan-workflow,.fan-website{--fan-card-width: 30%;--fan-top: 12.5cqw;bottom:4cqw}.fan-dashboard,.fan-mobile{--fan-card-width: 33%;--fan-top: 6.6cqw}.fan-workflow{--fan-x: -36cqw;--fan-art-offset: -2.8cqw}.fan-dashboard{--fan-x: -22cqw;--fan-art-offset: -2.3cqw}.fan-mobile{--fan-x: 22cqw;--fan-art-offset: 2.3cqw}.fan-website{--fan-x: 36cqw;--fan-art-offset: 2.8cqw}.fan-product{--fan-card-width: 38%;--fan-art-offset: 0px;--fan-art-width: 155%;--fan-tilt: -8deg;bottom:0}.fan-card h2{left:auto;font-size:clamp(10px,2.75cqw,20px);text-wrap:balance}.fan-product h2{max-width:12ch;margin-inline:auto;font-size:clamp(13px,3.4cqw,23px)}.fan-workflow h2,.fan-dashboard h2,.fan-mobile h2,.fan-website h2{width:62%}.fan-workflow h2,.fan-website h2{width:48%;padding-inline:2px}.fan-workflow h2,.fan-dashboard h2{margin-right:auto}.fan-mobile h2,.fan-website h2{margin-left:auto}.fan-card img{top:max(38px,13cqw)}}@media(prefers-reduced-motion:no-preference){.fan-card,.fan-card img{will-change:transform}}.site-nav{position:fixed;z-index:50;inset:0 0 auto;padding-inline:4%;transition:padding-block-start .3s}.nav-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(100%,1452px);min-height:clamp(72px,6.2vw,104px);margin:auto;border-radius:var(--radius-md);transition:background .3s,box-shadow .3s,min-height .3s,padding-inline .3s}.is-scrolled .nav-inner{background:var(--color-070d1ced);box-shadow:var(--nav-panel-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.logo img{width:clamp(170px,17.5vw,293px);transition:width .3s}.nav-links{display:flex;align-items:center;gap:clamp(18px,4.2vw,70px);color:var(--white);font-size:clamp(14px,1.18vw,20px);font-weight:500;white-space:nowrap}.nav-links a{position:relative;transition:color .25s}.nav-links a:hover{color:var(--ice)}.nav-indicator{position:absolute;left:0;top:calc(100% + .35em);width:0;height:4px;border-radius:var(--radius-pill);background:var(--blue);pointer-events:none}.nav-cta{justify-content:center;gap:.65em;min-height:clamp(42px,2.9vw,49px);padding-inline:clamp(13px,1.4vw,23px);border-radius:var(--radius-md);font-size:clamp(13px,1.07vw,18px);font-weight:700;white-space:nowrap}.nav-chat{position:relative;display:grid;place-items:center;width:1.45em;height:1.25em;border:2px solid currentColor;border-radius:50%;line-height:.6}.nav-chat:after{position:absolute;right:.06em;bottom:-.16em;width:.25em;height:.25em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;background:var(--blue);transform:skewY(-22deg);content:""}.nav-toggle{display:none;background:transparent;color:var(--white);border:0;font-size:25px;cursor:pointer}@media(min-width:801px){.site-nav.is-scrolled{padding-block-start:var(--nav-edge-gap)}.is-scrolled .nav-inner{min-height:var(--nav-panel-height);padding-inline:var(--nav-edge-gap)}.is-scrolled .logo img{width:clamp(150px,14vw,232px)}.nav-inner{justify-content:flex-end}.logo{position:absolute;left:50%;transform:translate(-50%);z-index:1}.nav-links{position:absolute;inset-inline:9.5% 19.5%;display:grid;grid-template-columns:repeat(3,max-content) 1fr repeat(2,max-content)}.nav-links a:nth-of-type(4){grid-column:5}}@media(max-width:800px){.site-nav{padding-block-start:var(--nav-edge-gap)}.nav-inner{min-height:var(--mobile-nav-height);gap:clamp(6px,2vw,16px);padding-inline:10px;background:var(--color-070d1cee)}.logo img{width:clamp(108px,34vw,132px)}.nav-links{position:absolute;top:100%;inset-inline:0;display:none;max-height:calc(100svh - var(--mobile-nav-height) - var(--nav-edge-gap));overflow:auto;align-items:stretch;flex-direction:column;gap:0;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--navy)}.nav-links.open{display:flex}.nav-links a{padding:10px}.nav-indicator{display:none}.nav-links a.is-active:after{position:absolute;inset:25% 0 25% auto;width:3px;border-radius:var(--radius-pill);background:var(--blue);content:""}.nav-cta{display:none}.nav-toggle{display:block;min-width:44px;min-height:44px;padding:0}}.transition-svg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none;visibility:hidden}.transition-svg svg{width:100%;height:100%;display:block}.split-line-mask,.split-line{padding-block:.1em;margin-block:-.1em}.footer-inner,.footer-bottom{border-top:0}.footer-line{display:block;max-width:var(--content-width);height:1px;margin:0 auto;background:var(--border);transform-origin:right center}main>section{min-block-size:100svh}.services-content,.portfolio-content{display:contents}@media(max-width:800px){.services-content,.portfolio-content{display:block}.services,.portfolio,.process,.faq,.contact{padding:var(--section-space-mobile) var(--section-gutter-mobile)}.services:not(.is-motion),.portfolio{height:auto;min-block-size:100svh;overflow:clip}.services .services-heading,.portfolio .section-head{position:static;padding:0}@media(min-height:480px){.services:not(.is-motion) .services-heading{padding-block:12px clamp(36px,10vw,52px)}}.section-head h2,.contact h2{font-size:clamp(34px,7.6vw,56px)}.services-heading h2{margin:0;font-size:clamp(40px,10.5vw,64px);line-height:1.2}.services-heading h2 span{color:inherit}.services-heading p{max-width:38ch;margin:8px 0 0;font-size:clamp(16px,4.2vw,21px);line-height:1.5;text-wrap:balance}.services-heading p:after{display:block;width:clamp(56px,18vw,104px);height:4px;margin:12px auto 0;border-radius:var(--radius-pill);background:var(--blue);transform:rotate(-2deg);content:""}.service-stage,.portfolio-stage{width:min(100%,620px);margin-inline:auto}.services .service-stage,.portfolio-stage{position:relative;inset:auto;display:grid;gap:var(--mobile-card-gap);margin-top:var(--section-heading-gap)}.services:not(.is-motion) .service-stage{position:relative;grid-template-columns:minmax(0,1fr)}.services:not(.is-motion) .service-card{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);align-items:center;gap:4px var(--mobile-card-gap);width:100%;min-height:0;height:auto;aspect-ratio:auto;padding:var(--mobile-card-padding);overflow:hidden;transform:none}.services:not(.is-motion) .service-card img{position:static;grid-area:1 / 2 / span 2;width:128%;max-width:none;height:auto;justify-self:center}.services:not(.is-motion) .service-card>div{grid-area:2 / 1;padding:0}.service-card .small-tag{grid-area:1 / 1;align-self:end;text-align:right}.services:not(.is-motion) .service-card h3,.process-copy h3{font-size:clamp(18px,4.7vw,27px);line-height:1.35}.service-card p,.process-copy p{font-size:clamp(13px,3.4vw,16px);line-height:1.6}.portfolio-stage{--mobile-deck-step: clamp(28px, calc(100svh - 595px) , 44px)}.project-card{position:relative;inset:auto;width:100%;height:auto;min-height:0;display:grid;gap:12px;padding:var(--mobile-card-padding);transform-origin:center top;text-align:center}.project-image{grid-row:1;aspect-ratio:1.9;min-height:0;max-height:min(31svh,245px)}.project-copy{gap:8px}.project-copy h3{font-size:clamp(23px,6vw,34px);margin:8px 0 4px}.project-copy p{margin:0;font-size:clamp(14px,3.7vw,17px)}.project-copy a{margin-top:8px}.process-rows{width:min(100%,620px);gap:clamp(28px,7vw,55px)}.process-row{grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);min-height:0;gap:10px;padding:var(--mobile-card-padding);background:var(--white);border-radius:var(--radius-md);box-shadow:0 15px 50px var(--color-173b6710)}.process-row .process-copy,.process-row:nth-of-type(2n) .process-copy{grid-area:1 / 1;padding:0;box-shadow:none}.process-row img,.process-row:nth-of-type(2n) img{grid-area:1 / 2}.process-copy h3{margin:5px 0}.process-copy p{margin:0}.process-path{width:100%;left:0}.faq-list{margin-top:var(--section-heading-gap);gap:clamp(28px,7vw,45px)}.faq-bubble{max-width:87%;padding:13px var(--mobile-card-padding)}.faq-bubble{--faq-x-cut: calc(max(0px, 100% - 64px) * var(--faq-width-cut, 0));--faq-y-cut: calc(max(0px, 100% - 64px) * var(--faq-height-cut, 0));clip-path:inset(0 0 var(--faq-y-cut) var(--faq-x-cut) round var(--radius-lg));transform-origin:top right}.faq-bubble.answer{clip-path:inset(0 var(--faq-x-cut) var(--faq-y-cut) 0 round var(--radius-lg));transform-origin:top left}.contact-inner{width:min(100%,620px);grid-template-columns:minmax(0,1fr);gap:var(--mobile-card-gap);text-align:center}.contact-copy{display:contents}.contact h2,.contact p,.contact-links{margin:0}.contact-art{grid-row:auto;order:1;justify-self:center;width:min(100%,380px);height:clamp(145px,44vw,240px)}.contact-art img:first-child{inset:0 auto auto 0}.contact-art img:last-child{inset:auto 4% 0 auto}.contact-links,.contact .button{order:2}.contact-links a{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 12px;text-align:start}.contact-link-arrow{grid-area:1 / 1 / span 2;font-size:19px;color:var(--blue)}.contact-links b{grid-column:2;font-size:clamp(13px,3.8vw,17px)}.contact .button{justify-content:center}.footer-inner{width:min(100%,620px);grid-template-columns:minmax(0,1fr);gap:28px;padding-block:32px;text-align:center}.footer-logo,.footer p{margin-inline:auto}.footer-inner nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px}.footer-inner nav h2{width:100%;margin-bottom:4px}.footer-inner nav a{margin:0}}@media(min-width:801px)and (prefers-reduced-motion:reduce){.why-deck{height:auto;padding:var(--section-space) var(--section-gutter)}.why-deck .section-head,.why-deck .portfolio-stage,.why-deck .project-card{position:relative;inset:auto}.why-deck .portfolio-stage{display:grid;gap:var(--section-heading-gap);max-width:var(--content-width);margin:var(--section-heading-gap) auto 0}.why-deck .project-card{width:100%}}.projects-carousel{padding:var(--section-space) var(--section-gutter)}.projects-carousel .section-head p{color:var(--color-a2b2c9)}.carousel-content{width:min(100%,var(--content-width));margin:var(--section-heading-gap) auto 0}.carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--radius-lg)}.carousel-track::-webkit-scrollbar{display:none}.carousel-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:clamp(20px,5vw,60px);padding:clamp(24px,4vw,52px);min-height:360px;scroll-snap-align:start;scroll-snap-stop:always;background:var(--navy);color:var(--white)}.carousel-card.blue{background:var(--blue)}.carousel-card.pale{background:var(--pale);color:var(--ink)}.carousel-copy h3{margin:14px 0 6px;font-size:clamp(27px,4vw,53px);line-height:1.25}.carousel-copy p{margin:0 0 20px;line-height:1.65}.carousel-copy small{display:block;opacity:.85}.carousel-copy a{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;text-decoration:underline}.carousel-image{position:relative;aspect-ratio:1.65;overflow:hidden;border-radius:var(--radius-md);background:var(--light)}.carousel-image img{position:absolute;top:0;right:0;bottom:0;left:0;width:94%;height:94%;margin:auto;object-fit:contain}.carousel-controls,.carousel-dots{display:flex;justify-content:center;align-items:center}.carousel-controls{gap:12px;margin-top:18px}.carousel-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--navy);color:var(--white);font:inherit;font-size:20px;cursor:pointer}.carousel-controls button:hover:not(:disabled){background:var(--blue)}.carousel-controls button:disabled{opacity:.4;cursor:default}.carousel-dots button{width:32px;border:0;background:transparent}.carousel-dots button:hover:not(:disabled){background:transparent}.carousel-dots button:before{content:"";width:8px;height:8px;border-radius:var(--radius-pill);background:var(--color-839cbe)}@media(prefers-reduced-motion:no-preference){.carousel-dots button:before{transition:width .3s ease,background-color .3s ease}}.carousel-dots button[aria-current]:before{width:20px;background:var(--ice)}@media(max-width:800px){.projects-carousel{padding:var(--section-space-mobile) var(--section-gutter-mobile)}.carousel-content{max-width:620px}.carousel-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start;min-height:0;gap:16px;padding:var(--mobile-card-padding);text-align:center}.carousel-image{grid-row:1;aspect-ratio:1.9;max-height:min(48svh,280px)}.carousel-copy h3{margin-top:8px}.carousel-copy p{margin-bottom:12px}}