/* E-GENCY — commerce in motion */
body{overflow-x:clip}header{position:absolute}.nav{height:100px}.nav nav{gap:25px}.brand{font-size:23px}.hero{min-height:860px;position:relative}.hero-inner.shell{max-width:1240px;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;text-align:left;padding:165px 42px 110px;align-items:center}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{display:flex;align-items:center;gap:11px;letter-spacing:2px}.tiny-star{font-size:25px;color:#ff953e;line-height:.5}.hero .hero-copy h1{font-size:clamp(52px,5.7vw,78px);letter-spacing:-3.8px;line-height:1.01;margin:0 0 27px;max-width:650px;font-weight:550}.hero-description{max-width:400px;color:var(--muted);font-size:15px;line-height:1.85;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero-actions .pill{gap:30px;padding:17px 24px}.quiet-link{font-size:12px;display:flex;gap:15px;align-items:center;color:var(--muted)}.quiet-link:hover{color:var(--ink)}.hero-bottom{margin:31px 0 0;justify-content:flex-start;font-size:10px;letter-spacing:1px}.hero-scroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2px;display:flex;align-items:center;gap:15px;color:var(--muted);z-index:2}.hero-scroll span{font-size:18px}
.commerce-stage{height:550px;position:relative;perspective:1000px}.stage-caption{display:flex;justify-content:space-between;position:absolute;top:0;left:14%;right:1%;font-size:8px;letter-spacing:1.8px;color:var(--muted)}.stage-orbit{position:absolute;left:-15%;top:12%;width:120%;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;transform:rotateX(37deg) rotateZ(-22deg);pointer-events:none}.orbit-two{transform:rotateX(57deg) rotateZ(31deg);top:20%;left:-10%;width:110%;border-style:dashed;opacity:.5}.store-preview{position:absolute;left:13%;right:1%;top:50px;bottom:50px;overflow:hidden;border:1px solid #b1d6e13b;border-radius:15px;background:#0b1013;box-shadow:0 40px 90px #0004;transform:rotate(-5deg);transition:transform .7s}.commerce-stage:hover .store-preview{transform:rotate(-2deg) translateY(-5px)}.window-bar{height:35px;background:#152129;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 13px;color:#b3c7d2;font-size:7px;letter-spacing:1.4px}.window-bar>span:first-child{display:flex;gap:4px}.window-bar i{height:4px;width:4px;border-radius:50%;background:#a1b7c2;opacity:.6}.store-image{height:calc(100% - 35px);position:relative;overflow:hidden;background:#060708}.store-image img{width:100%;height:100%;object-fit:cover;object-position:57% center;display:block;opacity:.84}.store-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0001 15%,transparent 40%,#0009)}.store-overline{position:absolute;top:23px;left:22px;right:20px;z-index:1;color:#fff9;font-size:7px;letter-spacing:2px}.store-headline{position:absolute;bottom:56px;left:22px;z-index:1;color:#fff;font-size:49px;line-height:.95;letter-spacing:-2px;font-weight:600}.store-headline>span{font-size:17px;vertical-align:top;display:inline-block;margin:3px 0 0 8px}.store-bottom{position:absolute;bottom:15px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;z-index:1;color:#fff9;font-size:7px;letter-spacing:1.5px}.store-bottom>span:last-child{font-size:20px}.floating-card{position:absolute;display:flex;align-items:center;gap:13px;padding:18px;border:1px solid #d6eafa36;border-radius:11px;background:linear-gradient(130deg,#d7efff25,#809cab0d),#14212ce8;backdrop-filter:blur(20px);box-shadow:0 15px 35px #0002;color:#eef7ff;z-index:2}.floating-card small{display:block;font-size:7px;letter-spacing:1.5px;color:#b0c2cd;margin-bottom:7px}.floating-card strong{font-size:12px;font-weight:500;line-height:1.5;display:block}.note-symbol{width:34px;height:34px;display:grid;place-items:center;background:#badff011;border:1px solid #d6eafa22;border-radius:9px;color:#a6d1e8;font-size:20px}.ad-note{top:104px;left:-10%;transform:rotate(3deg);animation:card-bob 9s ease-in-out infinite}.retention-note{bottom:25px;right:-3%;transform:rotate(4deg);min-width:240px;animation:card-bob 9s ease-in-out -4s infinite}.mini-lines{display:flex;align-items:flex-end;gap:3px;height:28px;margin-left:7px}.mini-lines i{display:block;width:4px;background:#a5cfe3;border-radius:2px;height:30%}.mini-lines i:nth-child(2){height:43%}.mini-lines i:nth-child(3){height:60%}.mini-lines i:nth-child(4){height:50%}.mini-lines i:nth-child(5){height:90%}.mini-status{width:6px;height:6px;border-radius:50%;background:#95c7b9;margin-left:auto;box-shadow:0 0 0 4px #95c7b915}.stage-footnote{position:absolute;bottom:0;left:6%;font-size:8px;color:var(--muted);letter-spacing:.5px}@keyframes card-bob{50%{translate:0 -12px}}
.accent-dot{color:#ff913e}.section{padding-top:95px;padding-bottom:95px}.section-heading h2{font-size:clamp(37px,4.25vw,54px);letter-spacing:-2px}.service{position:relative;padding:31px 27px}.service-top{margin-bottom:35px}.service h3{font-size:22px;min-height:52px}.service p{min-height:110px}.service-deliverables{list-style:none;padding:23px 0 0;margin:23px 0 24px;border-top:1px solid var(--line);display:grid;gap:13px;color:var(--muted);font-size:11px;line-height:1.65}.service-deliverables li{padding-left:17px;position:relative}.service-deliverables li:before{content:'↗';position:absolute;left:0;color:var(--accent)}.service-link{border:0;background:transparent;padding:0;color:var(--ink);text-align:left;font-size:11px;display:flex;justify-content:space-between;gap:17px;width:100%}.service-link:hover{color:var(--accent)}.service-link span{font-size:18px}.ecosystem{border-top:0;background:var(--pane)}
.brand-section{border-top:1px solid var(--line)}.brand-section .section-heading{gap:90px}.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.brand-project{display:block;min-width:0}.project-photo{position:relative;aspect-ratio:4/4.6;overflow:hidden;border-radius:12px;background:#0b1013;border:1px solid var(--line)}.project-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 35%,#0001)}.project-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1),filter .5s;filter:saturate(.75)}.brand-project:first-child .project-photo img{object-position:54% center}.brand-project:last-child .project-photo img{object-position:53% center}.brand-project:hover .project-photo img{transform:scale(1.055);filter:saturate(1)}.project-type{position:absolute;top:21px;left:19px;color:#fff;font-size:7px;letter-spacing:1.8px;z-index:1}.project-arrow{position:absolute;right:17px;bottom:17px;z-index:1;width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#ffffff18;backdrop-filter:blur(12px);color:white;border:1px solid #ffffff5e;font-size:20px;transition:background .3s,transform .3s}.brand-project:hover .project-arrow{background:#ffffff36;transform:rotate(10deg)}.project-label{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:19px}.project-label h3{font-size:19px;letter-spacing:-.5px;font-weight:500;margin:0}.project-label>span{font-size:9px;color:var(--muted);white-space:nowrap}.project-credit{text-align:right;font-size:9px;color:var(--muted);opacity:.6;margin-top:25px}
.growth-section{background:linear-gradient(135deg,#a8d8ed09,transparent);border-block:1px solid var(--line)}.growth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:0}.growth-tabs button{display:flex;gap:13px;align-items:center;text-align:left;background:transparent;color:var(--muted);border:0;border-bottom:1px solid var(--line);padding:22px 14px;font-size:13px;transition:color .3s,background .3s}.growth-tabs button:first-child{padding-left:0}.growth-tabs button>span{font-size:9px;opacity:.6}.growth-tabs button>i{margin-left:auto;font-style:normal;font-size:17px}.growth-tabs button[aria-selected=true]{color:var(--ink);border-bottom:2px solid var(--accent);background:linear-gradient(0deg,#b7dff509,transparent)}.growth-tabs button:hover{color:var(--ink)}.growth-panel{padding-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.growth-panel[hidden]{display:none}.chapter-tag{font-size:9px;letter-spacing:2px;color:var(--accent)}.growth-copy h3{font-size:37px;letter-spacing:-1.3px;line-height:1.12;font-weight:500;margin:18px 0}.growth-copy p{font-size:13px;color:var(--muted);line-height:1.85;max-width:440px}.growth-copy ul{list-style:none;padding:12px 0 0;display:grid;gap:13px;color:var(--muted);font-size:11px;line-height:1.65}.growth-copy li:before{content:'↗';margin-right:12px;color:var(--accent)}.journey-visual{border:1px solid var(--line);border-radius:16px;min-height:370px;position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:26px;background:radial-gradient(ellipse at 65% 25%,var(--glow),transparent 80%)}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:35px 35px;opacity:.4;mask-image:radial-gradient(ellipse,#000,transparent 70%);pointer-events:none}.journey-node{display:flex;align-items:center;gap:25px;font-size:9px;letter-spacing:2px;border:1px solid var(--line);border-radius:10px;background:var(--bg);position:relative;padding:15px 20px}.journey-node b{color:var(--accent);font-size:26px;font-weight:400}.journey-route{position:relative;display:flex;align-items:center;justify-content:center;gap:13px;width:100%;padding:0 16px}.journey-route span{padding:11px 13px;border:1px solid var(--line);background:var(--pane);border-radius:7px;font-size:10px}.journey-route i{font-style:normal;color:var(--accent)}.visual-callout{position:relative;text-align:center;font-size:26px;letter-spacing:-1px;line-height:1.35;font-weight:450}.visual-callout em{font-style:normal;color:var(--accent)}.journey-visual>small{font-size:7px;letter-spacing:2px;color:var(--muted);position:relative}
.fit-section{display:grid;grid-template-columns:1fr 1fr;gap:110px;border-top:1px solid var(--line)}.fit-heading h2{font-size:42px;line-height:1.12}.fit-heading>p:not(.eyebrow){font-size:13px;color:var(--muted);margin:24px 0 27px}.fit-list{display:grid;align-content:center}.fit-list article{display:flex;gap:23px;border-top:1px solid var(--line);padding:25px 0}.fit-list article>span{font-size:10px;color:var(--accent);padding-top:4px}.fit-list h3{font-size:17px;font-weight:500;letter-spacing:-.3px;margin:0 0 10px}.fit-list p{font-size:12px;color:var(--muted);margin:0}.cta{padding-top:115px;padding-bottom:115px}.cta h2{font-size:clamp(40px,5vw,67px);max-width:1000px}.cta h2 em{font-style:normal;color:var(--accent)}.footer-top .brand{font-size:25px}
body:not(.dark) .floating-card{background:linear-gradient(130deg,#fff2e8ed,#ffdfc6e8);border-color:#b97d4a3d;color:#432b20;box-shadow:0 15px 35px #8a4c2620}body:not(.dark) .floating-card small{color:#986d4e}body:not(.dark) .note-symbol{color:#ad4f1f;border-color:#bc7c4d3b;background:#fff7ef88}body:not(.dark) .mini-lines i{background:#b77a46}body:not(.dark) .growth-section{background:linear-gradient(135deg,#eaa25c0d,transparent)}body:not(.dark) .growth-tabs button[aria-selected=true]{background:linear-gradient(0deg,#eaa25c10,transparent)}
@media(min-width:1450px){.hero{min-height:900px}.hero-inner.shell{max-width:1340px;gap:60px}.hero .hero-copy h1{font-size:85px}.commerce-stage{height:570px}}
@media(max-width:1000px){.hero-inner.shell{padding-inline:30px;gap:20px;grid-template-columns:1.1fr .9fr}.hero .hero-copy h1{font-size:64px}.commerce-stage{height:500px}.ad-note{left:-4%;padding:13px;top:105px}.mini-lines{display:none}.retention-note{min-width:205px;padding:14px;right:-2%;bottom:32px}.store-headline{font-size:39px}.hero-actions{gap:18px}.hero-description{font-size:14px}.fit-section{gap:55px}.brand-grid{gap:16px}.project-label{display:block}.project-label>span{display:block;margin-top:9px}.growth-panel{gap:35px}.service{padding:27px 21px}.service h3{font-size:20px}.service p{min-height:130px}}
@media(max-width:800px){.nav nav{gap:18px}.nav{height:84px}.hero-inner.shell{grid-template-columns:1fr;max-width:650px;padding-top:145px;padding-bottom:80px;gap:40px}.hero .hero-copy h1{font-size:70px}.hero-description{max-width:460px}.commerce-stage{max-width:460px;width:100%;justify-self:center;height:520px}.stage-footnote{left:12%}.hero{min-height:0}.store-preview{left:15%;right:4%}.ad-note{left:-2%}.retention-note{right:0}.growth-panel{grid-template-columns:1fr;gap:25px}.growth-copy p{max-width:600px}.journey-visual{min-height:340px}.fit-section{gap:35px}.fit-heading h2{font-size:37px}.brand-section .section-heading{gap:30px}.service p{min-height:155px}.service-deliverables{font-size:10px}}
@media(max-width:600px){.nav{height:80px}.hero-inner.shell{padding:130px 22px 75px;gap:35px}.hero-copy .eyebrow{font-size:8px;margin-bottom:27px}.hero .hero-copy h1{font-size:clamp(47px,12.5vw,65px);line-height:1.04;letter-spacing:-2.6px}.hero-description{font-size:13px;line-height:1.85;max-width:340px}.hero-actions{gap:22px}.hero-actions .pill{font-size:12px;padding:16px 22px;gap:22px}.quiet-link{font-size:10px;gap:8px}.hero-bottom{margin-top:25px;font-size:8px}.commerce-stage{height:430px;max-width:350px}.stage-caption{left:9%;right:3%;font-size:6px}.store-preview{top:34px;bottom:43px;left:11%;right:5%}.window-bar{height:29px;font-size:6px;padding:0 10px}.store-image{height:calc(100% - 29px)}.store-overline{font-size:6px;left:16px;top:17px;letter-spacing:1px}.store-headline{font-size:40px;left:17px;bottom:47px}.store-bottom{left:17px;right:17px;font-size:6px}.ad-note{top:81px;left:-1%;gap:9px;padding:12px;max-width:260px}.floating-card strong{font-size:10px}.floating-card small{font-size:6px;letter-spacing:1px}.note-symbol{height:28px;width:28px;font-size:17px}.retention-note{bottom:24px;right:0;min-width:200px}.stage-footnote{left:8%;font-size:7px;bottom:0}.hero-scroll{font-size:6px;bottom:20px}.section{padding-top:70px;padding-bottom:70px}.section-heading h2{font-size:38px;letter-spacing:-1.4px}.brand-grid{grid-template-columns:1fr;gap:35px}.project-photo{aspect-ratio:1.05}.project-label{display:flex;padding-top:15px}.project-label h3{font-size:20px}.project-label>span{margin:0;font-size:9px}.project-credit{text-align:left;font-size:8px}.brand-section .section-heading{gap:24px}.service{padding:30px 25px}.service h3{font-size:24px;min-height:0}.service p{min-height:0}.service-deliverables{font-size:11px}.growth-tabs button{font-size:10px;padding:16px 7px;gap:6px;flex-wrap:wrap}.growth-tabs button i{display:none}.growth-tabs button>span{font-size:8px}.growth-panel{padding-top:30px}.growth-copy h3{font-size:34px}.growth-copy p{font-size:12px}.journey-visual{min-height:330px}.journey-route{gap:6px;padding:0 10px}.journey-route span{padding:10px;font-size:9px}.visual-callout{font-size:25px}.fit-section{grid-template-columns:1fr;gap:40px}.fit-heading h2{font-size:38px}.fit-heading>p:not(.eyebrow){font-size:12px}.fit-list article{padding:22px 0}.fit-list h3{font-size:17px}.cta{padding:85px 22px}.cta h2{font-size:41px;letter-spacing:-1.7px}.clients{padding:32px 0}.client-logos{flex-direction:row;gap:24px;flex-wrap:wrap}.client-logo{scale:.8}.client-logos .client-logo{height:35px}.logo-tno{width:185px}}
@media(prefers-reduced-motion:reduce){.floating-card{animation:none}.project-photo img,.store-preview,.project-arrow{transition:none}.brand-project:hover .project-photo img{transform:none}}